npm - @univerjs/docs-drawing-ui - Versions diffs - 0.6.0-experimental.20250125-1d060b9 → 0.6.0-experimental.20250220-d9a8e74 - Mend

@univerjs/docs-drawing-ui 0.6.0-experimental.20250125-1d060b9 → 0.6.0-experimental.20250220-d9a8e74

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 (9) hide show

package/lib/cjs/index.js +1 -1
package/lib/es/index.js +2 -2
package/lib/types/controllers/config.schema.d.ts +1 -1
package/lib/types/index.d.ts +1 -1
package/lib/types/locale/zh-CN.d.ts +1 -1
package/lib/types/views/doc-image-panel/DocDrawingPanel.d.ts +1 -1
package/lib/types/views/doc-image-panel/component-name.d.ts +1 -1
package/lib/umd/index.js +1 -1
package/package.json +16 -16

package/lib/cjs/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var Mn=Object.defineProperty;var Rn=(i,e,n)=>e in i?Mn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n;var me=(i,e,n)=>Rn(i,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@univerjs/core"),ve=require("@univerjs/docs-drawing"),G=require("@univerjs/drawing"),Te=require("@univerjs/drawing-ui"),F=require("@univerjs/engine-render"),Y=require("@univerjs/ui"),B=require("@univerjs/docs"),W=require("@univerjs/docs-ui"),he=require("rxjs"),K=require("@univerjs/design"),g=require("react/jsx-runtime"),J=require("react"),Pn="docs-drawing-ui.config",on={};var xn=Object.defineProperty,Nn=Object.getOwnPropertyDescriptor,En=(i,e,n,t)=>{for(var o=t>1?void 0:t?Nn(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&xn(e,n,o),o},Me=(i,e)=>(n,t)=>e(n,t,i);function An(i){var t,o,a,s;if(r.JSONX.isNoop(i)\|\|!Array.isArray(i))return null;const e=i.find(d=>Array.isArray(d)&&(d==null?void 0:d[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 d of e)Array.isArray(d)&&n.push({type:(t=d==null?void 0:d[1])!=null&&t.i?"add":"remove",drawingId:d==null?void 0:d[0],drawing:(o=d==null?void 0:d[1])==null?void 0:o.i});else n.push({type:(a=e[2])!=null&&a.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function jn(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=An(t);if(o!=null)for(const{type:a,drawingId:s,drawing:d}of o)a==="add"?this._addDrawings(n,[d]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(i.id!==B.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e;jn(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{var s;if(i.id!==r.UndoCommand.id&&i.id!==r.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null\|\|n.length===0)return;const t=this._renderManagerService.getRenderById(e),o=t==null?void 0:t.scene;if(o==null)return!1;o.getTransformerByCreate().refreshControls()}))}_addDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchAddOp(e),{subUnitId:a,redo:s,objects:d}=o;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.addNotification(d),t.addNotification(d)}_removeDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,o=this._docDrawingService.getBatchRemoveOp(e.map(l=>({unitId:i,subUnitId:i,drawingId:l}))),{subUnitId:a,redo:s,objects:d}=o;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.removeNotification(d),t.removeNotification(d)}_updateDrawingsOrder(i){const e=this._univerInstanceService.getUniverDocInstance(i);if(e==null)return;const n=e.getSnapshot().drawingsOrder;if(n==null)return;const t=this._drawingManagerService,o=this._docDrawingService;t.setDrawingOrder(i,i,n),o.setDrawingOrder(i,i,n);const a={unitId:i,subUnitId:i,drawingIds:n};t.orderNotification(a),o.orderNotification(a)}};Le=En([Me(0,r.IUniverInstanceService),Me(1,r.ICommandService),Me(2,G.IDrawingManagerService),Me(3,ve.IDocDrawingService),Me(4,F.IRenderManagerService)],Le);class He{constructor(){me(this,"_refreshDrawings$",new he.BehaviorSubject(null));me(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 Ln={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,a,s){var v,h;const d=new r.TextX,l=r.JSONX.getInstance(),c=[],m=a.getSelfOrHeaderFooterModel(e).getBody(),p=a.getSelfOrHeaderFooterModel(i).getBody();if(m==null\|\|p==null)return;const u=(h=(v=m.customBlocks)==null?void 0:v.find(w=>w.blockId===o))==null?void 0:h.startIndex;if(u!=null){if(t=Math.min(p.dataStream.length-2,t),i===e){if(t<u?(t>0&&d.push({t:r.TextXActionType.RETAIN,len:t}),d.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1}),d.push({t:r.TextXActionType.RETAIN,len:u-t}),d.push({t:r.TextXActionType.DELETE,len:1})):(u>0&&d.push({t:r.TextXActionType.RETAIN,len:u}),d.push({t:r.TextXActionType.DELETE,len:1}),t-u-1>0&&d.push({t:r.TextXActionType.RETAIN,len:t-u-1}),d.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1})),t!==u){const w=W.getRichTextEditPath(a,e),I=l.editOp(d.serialize(),w);c.push(I)}}else{u>0&&d.push({t:r.TextXActionType.RETAIN,len:u}),d.push({t:r.TextXActionType.DELETE,len:1});let w=W.getRichTextEditPath(a,e),I=l.editOp(d.serialize(),w);c.push(I),d.empty(),t>0&&d.push({t:r.TextXActionType.RETAIN,len:t}),d.push({t:r.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:o}]},len:1}),w=W.getRichTextEditPath(a,i),I=l.editOp(d.serialize(),w),c.push(I),s.setSegment(i),s.setSegmentPage(n)}return c}}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,a=i.get(r.ICommandService),s=i.get(r.IUniverInstanceService),l=i.get(F.IRenderManagerService).getRenderById(o),c=l==null?void 0:l.with(B.DocSkeletonManagerService).getSkeleton().getSkeletonData(),m=l==null?void 0:l.with(B.DocSkeletonManagerService).getViewModel(),p=l==null?void 0:l.scene,u=s.getCurrentUniverDocInstance();if(u==null\|\|c==null\|\|p==null\|\|m==null)return!1;const v=m.getEditArea(),h=p.getTransformerByCreate(),{pages:w,skeHeaders:I,skeFooters:D}=c,O=r.JSONX.getInstance(),T=[],{drawings:y={}}=u.getSnapshot();for(const N of n){const{drawingId:S}=N,L=y[S].layoutType,X=Ln[t];if(L!==X){const C=O.replaceOp(["drawings",S,"layoutType"],L,X);T.push(C)}if(t==="behindText"\|\|t==="inFrontOfText"){const C=y[S].behindDoc,x=t==="behindText"?r.BooleanNumber.TRUE:r.BooleanNumber.FALSE;if(C!==x){const b=O.replaceOp(["drawings",S,"behindDoc"],C,x);T.push(b)}}if(t==="inline")continue;let j=null,$=0,_=0;for(const C of w){const{headerId:x,footerId:b,marginTop:U,marginLeft:H,marginBottom:R,pageWidth:A,pageHeight:q}=C;switch(v){case F.DocumentEditArea.HEADER:{const V=(E=I.get(x))==null?void 0:E.get(A);V!=null&&V.skeDrawings.has(S)&&(j=V.skeDrawings.get(S),$=V.marginTop,_=H);break}case F.DocumentEditArea.FOOTER:{const V=(k=D.get(b))==null?void 0:k.get(A);V!=null&&V.skeDrawings.has(S)&&(j=V.skeDrawings.get(S),$=q-R+V.marginTop,_=H);break}case F.DocumentEditArea.BODY:{C.skeDrawings.has(S)&&(j=C.skeDrawings.get(S),$=U,_=H);break}}if(j!=null)break}if(j!=null){const{aTop:C,aLeft:x}=j,b=y[S].docTransform.positionH;let U=x;b.relativeFrom===r.ObjectRelativeFromH.MARGIN?U-=_:b.relativeFrom===r.ObjectRelativeFromH.COLUMN&&(U-=j.columnLeft);const H={relativeFrom:b.relativeFrom,posOffset:U};if(b.posOffset!==H.posOffset){const V=O.replaceOp(["drawings",S,"docTransform","positionH"],b,H);T.push(V)}const R=y[S].docTransform.positionV;let A=C;R.relativeFrom===r.ObjectRelativeFromV.PAGE?A+=$:R.relativeFrom===r.ObjectRelativeFromV.LINE?A-=j.lineTop:R.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH&&(A-=j.blockAnchorTop);const q={relativeFrom:R.relativeFrom,posOffset:A};if(R.posOffset!==q.posOffset){const V=O.replaceOp(["drawings",S,"docTransform","positionV"],R,q);T.push(V)}}}const P={id:B.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};P.params.actions=T.reduce((N,S)=>r.JSONX.compose(N,S),null);const M=a.syncExecuteCommand(P.id,P.params);return h.refreshControls(),!!M}},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:a,dist:s,unitId:d}=e,l=r.JSONX.getInstance(),c=[],{drawings:m={}}=o.getSnapshot();for(const v of a){const{drawingId:h}=v;for(const[w,I]of Object.entries(s)){const D=m[h][w];if(D!==I){const O=l.replaceOp(["drawings",h,w],D,I);c.push(O)}}}const p={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return p.params.actions=c.reduce((v,h)=>r.JSONX.compose(v,h),null),!!n.syncExecuteCommand(p.id,p.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:a,wrapText:s,unitId:d}=e,l=r.JSONX.getInstance(),c=[],{drawings:m={}}=o.getSnapshot();for(const v of a){const{drawingId:h}=v,w=m[h].wrapText;if(w!==s){const I=l.replaceOp(["drawings",h,"wrapText"],w,s);c.push(I)}}const p={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return p.params.actions=c.reduce((v,h)=>r.JSONX.compose(v,h),null),!!n.syncExecuteCommand(p.id,p.params)}},Pe={id:"doc.command.update-drawing-doc-transform",type:r.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),a=i.get(F.IRenderManagerService).getRenderById(e.unitId),s=a==null?void 0:a.scene;if(s==null)return!1;const d=s.getTransformerByCreate(),l=t.getCurrentUniverDocInstance();if(l==null)return!1;const{drawings:c,unitId:m}=e,p=r.JSONX.getInstance(),u=[],{drawings:v={}}=l.getSnapshot();for(const I of c){const{drawingId:D,key:O,value:T}=I,y=v[D].docTransform[O];if(!r.Tools.diffValue(y,T)){const P=p.replaceOp(["drawings",D,"docTransform",O],y,T);u.push(P)}}const h={id:B.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:null,debounce:!0}};h.params.actions=u.reduce((I,D)=>r.JSONX.compose(I,D),null);const w=n.syncExecuteCommand(h.id,h.params);return d.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(W.DocSelectionRenderService),o=i.get(He),a=n.getRenderById(e.unitId),s=a==null?void 0:a.scene,d=a==null?void 0:a.with(B.DocSkeletonManagerService).getSkeleton();if(s==null\|\|t==null)return!1;const l=s.getTransformerByCreate(),c=i.get(r.ICommandService),p=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(p==null)return!1;const{drawing:u,unitId:v,offset:h,segmentId:w,segmentPage:I,needRefreshDrawings:D}=e;if(D)return o.refreshDrawings(d),l.refreshControls(),!0;const O=[],{drawingId:T}=u,y=(N=t.getSegment())!=null?N:"",P=dn(w,y,I,h,T,p,t);if(P==null\|\|P.length===0)return o.refreshDrawings(d),l.refreshControls(),!1;O.push(...P);const M={id:B.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};M.params.actions=O.reduce((S,L)=>r.JSONX.compose(S,L),null);const E=c.syncExecuteCommand(M.id,M.params);return l.refreshControls(),!!E}},fn={id:"doc.command.transform-non-inline-drawing",type:r.CommandType.COMMAND,handler:(i,e)=>{var j,$;if(e==null)return!1;const n=i.get(F.IRenderManagerService),t=(j=n.getRenderById(e.unitId))==null?void 0:j.with(W.DocSelectionRenderService),o=n.getRenderById(e.unitId),a=o==null?void 0:o.scene;if(a==null\|\|t==null)return!1;const s=a.getTransformerByCreate(),d=i.get(r.ICommandService),c=i.get(r.IUniverInstanceService).getCurrentUniverDocInstance();if(c==null)return!1;const{drawing:m,unitId:p,offset:u,docTransform:v,segmentId:h,segmentPage:w}=e,I=[],{drawingId:D}=m,O=($=t.getSegment())!=null?$:"",T=dn(h,O,w,u,D,c,t);if(T==null)return!1;T.length>0&&I.push(...T);const y=r.JSONX.getInstance(),{drawings:P={}}=c.getSnapshot(),M=P[D].docTransform,{positionH:E,positionV:k,size:N,angle:S}=M;if(!r.Tools.diffValue(E,v.positionH)){const _=y.replaceOp(["drawings",D,"docTransform","positionH"],E,v.positionH);I.push(_)}if(!r.Tools.diffValue(k,v.positionV)){const _=y.replaceOp(["drawings",D,"docTransform","positionV"],k,v.positionV);I.push(_)}if(!r.Tools.diffValue(N,v.size)){const _=y.replaceOp(["drawings",D,"docTransform","size"],N,v.size);I.push(_)}if(!r.Tools.diffValue(S,v.angle)){const _=y.replaceOp(["drawings",D,"docTransform","angle"],S,v.angle);I.push(_)}const L={id:B.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:null,debounce:!0}};L.params.actions=I.reduce((_,C)=>r.JSONX.compose(_,C),null);const X=d.syncExecuteCommand(L.id,L.params);return s.refreshControls(),!!X}};var Un=Object.defineProperty,Fn=Object.getOwnPropertyDescriptor,Bn=(i,e,n,t)=>{for(var o=t>1?void 0:t?Fn(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&Un(e,n,o),o},Ne=(i,e)=>(n,t)=>e(n,t,i);const kn="__InlineDrawingAnchor__";function an(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(a=>{var d;this._transformerCache.clear();const{objects:s}=a;for(const l of s.values()){const{oKey:c,width:m,height:p,left:u,top:v,angle:h}=l,w=this._drawingManagerService.getDrawingOKey(c);if(w==null)continue;const I=this._univerInstanceService.getUniverDocInstance(w.unitId),D=(d=I==null?void 0:I.getSnapshot().drawings)==null?void 0:d[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:p,angle:h})}})));const t=r.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);r.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(r.toDisposable(n.changing$.subscribe(a=>{const{objects:s,offsetX:d,offsetY:l}=a;if(s.size>1)t(s);else if(s.size===1){const c=this._transformerCache.values().next().value,m=s.values().next().value,{width:p,height:u,top:v,left:h,angle:w}=m;if(c&&p===c.width&&u===c.height&&v===c.top&&h===c.left&&w===c.angle)return;c&&(c.drawing.layoutType,r.PositionedObjectLayoutType.INLINE),c&&c.drawing.layoutType===r.PositionedObjectLayoutType.INLINE&&d!=null&&l!=null&&this._updateInlineDrawingAnchor(c.drawing,d,l)}}))),this.disposeWithMe(r.toDisposable(n.changeEnd$.subscribe(a=>{const{objects:s,offsetX:d,offsetY:l}=a;for(const c of s.values()){const m=this._drawingManagerService.getDrawingOKey(c.oKey);if(m==null)continue;const p=this._transformerCache.get(m==null?void 0:m.drawingId);(p==null?void 0:p.drawing.layoutType)===r.PositionedObjectLayoutType.INLINE&&c.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const c=this._transformerCache.values().next().value,m=s.values().next().value,{width:p,height:u,top:v,left:h,angle:w}=m;if(c&&p===c.width&&u===c.height&&v===c.top&&h===c.left&&w===c.angle)return;c&&c.drawing.layoutType===r.PositionedObjectLayoutType.INLINE?p!==c.width\|\|u!==c.height\|\|w!==c.angle?this._updateDrawingSize(c,m):d!=null&&l!=null&&this._moveInlineDrawing(c.drawing,d,l):c&&this._nonInlineDrawingTransform(c.drawing,m)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,o;for(const a of e.values()){const{oKey:s,left:d,top:l,angle:c}=a;let{width:m,height:p}=a;const u=this._drawingManagerService.getDrawingOKey(s);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:h,top:w,left:I,width:D,height:O,angle:T}=v,{width:y,height:P}=this._getPageContentSize(h);if(m=Math.min(m,y),p=Math.min(p,P),(D!==m\|\|O!==p)&&n.push({drawingId:u.drawingId,key:"size",value:{width:m,height:p}}),T!==c&&n.push({drawingId:u.drawingId,key:"angle",value:c}),w!==l\|\|I!==d){const M=l-w,E=d-I;M!==0&&n.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:h.docTransform.positionV.relativeFrom,posOffset:h.docTransform.positionV.posOffset+M}}),E!==0&&n.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:h.docTransform.positionH.relativeFrom,posOffset:h.docTransform.positionH.posOffset+E}})}}n.length>0&&t&&o&&this._commandService.executeCommand(Pe.id,{unitId:t,subUnitId:o,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var a;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:o}=(a=this._getInlineDrawingAnchor(e,n,t))!=null?a:{};o!=null&&this._createOrUpdateInlineAnchor(e.unitId,o)}_getInlineDrawingAnchor(e,n,t){var j,$;const o=this._renderManagerService.getRenderById(e.unitId),a=o==null?void 0:o.with(B.DocSkeletonManagerService).getSkeleton();if(o==null)return;const{mainComponent:s,scene:d}=o,l=s,c=d.getViewports()[0],{pageLayoutType:m=F.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:u}=l.getOffsetConfig();let v=null,h=!1,w=-1,I="";const D=.5,O=this._getTransformCoordForDocumentOffset(l,c,n,t);if(O==null)return;const T=(j=this._renderManagerService.getRenderById(e.unitId))==null?void 0:j.with(W.DocSelectionRenderService);if(T==null)return;const y=a==null?void 0:a.findNodeByCoord(O,m,p,u,{strict:!1,segmentId:T.getSegment(),segmentPage:T.getSegmentPage()});if(y){const{node:_,ratioX:C,segmentPage:x,segmentId:b}=y;h=C<D,v=_,w=x,I=b}if(v==null)return;const P=a==null?void 0:a.findPositionByGlyph(v,w),M=this._getDocObject();if(P==null\|\|a==null\|\|M==null\|\|an(P))return;const E={...P,isBack:h},k=M.document.getOffsetConfig(),N=new W.NodePositionConvertToCursor(k,a),{cursorList:S,contentBoxPointGroup:L}=N.getRangePointData(E,E),{startOffset:X}=($=W.getOneTextSelectionRange(S))!=null?$:{};if(X!=null)return{offset:X,contentBoxPointGroup:L,segmentId:I,segmentPage:w}}_getDrawingAnchor(e,n){var le,ge,ie,ue,fe,we,Se,pe,re,oe,_e;const t=this._renderManagerService.getRenderById(e.unitId),o=t==null?void 0:t.with(B.DocSkeletonManagerService).getSkeleton(),a=o==null?void 0:o.getSkeletonData();if(a==null\|\|t==null)return;const{pages:s,skeHeaders:d,skeFooters:l}=a,{mainComponent:c,scene:m}=t,p=c,u=m.getViewports()[0],{pageLayoutType:v=F.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:w,docsLeft:I,docsTop:D}=p.getOffsetConfig(),{left:O,top:T,angle:y}=n;let{width:P,height:M}=n;const{positionV:E,positionH:k}=e.docTransform,{width:N,height:S}=this._getPageContentSize(e);P=Math.min(P,N),M=Math.min(M,S);let L=null,X="",j=-1;const $=!1,_={...e.docTransform,size:{width:P,height:M},angle:y},{x:C,y:x}=m.getViewportScrollXY(u),b=this._getTransformCoordForDocumentOffset(p,u,O-C,T-x);if(b==null)return;const U=(le=this._renderManagerService.getRenderById(e.unitId))==null?void 0:le.with(W.DocSelectionRenderService);if(U==null)return;const H=o==null?void 0:o.findNodeByCoord(b,v,h,w,{strict:!1,segmentId:U.getSegment(),segmentPage:U.getSegmentPage()});if(H){const{node:de,segmentPage:Ge,segmentId:We}=H;L=de,j=Ge,X=We}if(L==null)return;const R=(ge=L.parent)==null?void 0:ge.parent,A=R==null?void 0:R.parent,q=(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],V=(ue=A==null?void 0:A.parent)==null?void 0:ue.parent;if(R==null\|\|A==null\|\|q==null\|\|V==null)return;this._liquid.reset();const Z=V.type;for(const de of s){const{headerId:Ge,footerId:We,pageHeight:On,pageWidth:tn,marginLeft:rn,marginBottom:yn}=de,bn=s.indexOf(de);if(j>-1&&bn===j){switch(Z){case F.DocumentSkeletonPageType.HEADER:{const be=(fe=d.get(Ge))==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:On-yn+be.marginTop,marginLeft:rn});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(de),de===V)break;this._liquid.restorePagePadding(de),this._liquid.translatePage(de,v,h,w)}switch(E.relativeFrom===r.ObjectRelativeFromV.LINE?L=R.divides[0].glyphGroup[0]:L=(oe=(re=(pe=(Se=q.divides)==null?void 0:Se[0])==null?void 0:pe.glyphGroup)==null?void 0:re[0])!=null?oe:L,_.positionH={relativeFrom:k.relativeFrom,posOffset:O-this._liquid.x-I},k.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-A.left;break}}switch(_.positionV={relativeFrom:E.relativeFrom,posOffset:T-this._liquid.y-D},E.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-q.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\|\|an(ne))return;const Ie={...ne,isBack:$},ye=Ce.document.getOffsetConfig(),te=new W.NodePositionConvertToCursor(ye,o),{cursorList:Q}=te.getRangePointData(Ie,Ie),{startOffset:ee}=(_e=W.getOneTextSelectionRange(Q))!=null?_e:{};if(ee!=null)return{offset:ee,docTransform:_,segmentId:X,segmentPage:j}}_updateDrawingSize(e,n){const t=[],{drawing:o,width:a,height:s,angle:d}=e,{unitId:l,subUnitId:c}=o;let{width:m,height:p,angle:u}=n;const{width:v,height:h}=this._getPageContentSize(o);m=Math.min(v,m),p=Math.min(h,p),(m!==a\|\|p!==s)&&t.push({drawingId:o.drawingId,key:"size",value:{width:m,height:p}}),u!==d&&t.push({drawingId:o.drawingId,key:"angle",value:u}),t.length>0&&l&&c&&this._commandService.executeCommand(Pe.id,{unitId:l,subUnitId:c,drawings:t})}_moveInlineDrawing(e,n,t){const o=this._getInlineDrawingAnchor(e,n,t),{offset:a,segmentId:s,segmentPage:d}=o!=null?o:{};return this._commandService.executeCommand(un.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,segmentId:s,segmentPage:d,needRefreshDrawings:a==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:o,top:a,width:s,height:d,angle:l}=n,c=t==null?void 0:t.with(B.DocSkeletonManagerService).getSkeleton(),m=c==null?void 0:c.getSkeletonData(),{pages:p}=m!=null?m:{};if(m==null\|\|t==null\|\|p==null)return{left:o,top:a,width:s,height:d,angle:l};const{mainComponent:u}=t,v=u,{top:h,pageLayoutType:w,pageMarginLeft:I,pageMarginTop:D}=v;let O=a;this._liquid.reset();for(const T of p){const{marginBottom:y,pageHeight:P}=T,M=p.indexOf(T),E=p[M+1];if(E==null)continue;if(r.Tools.hasIntersectionBetweenTwoRanges(a,a+d,this._liquid.y+h+P-y,this._liquid.y+h+P+D+E.marginTop)){const N=a+d/2,S=this._liquid.y+h+P+D/2;N<S?O=Math.min(a,this._liquid.y+h+P-y-d):O=Math.max(a,this._liquid.y+h+P+D+E.marginTop)}this._liquid.translatePage(T,w,I,D)}return{left:o,top:O,width:s,height:d,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 a=this._getDrawingAnchor(e,o),{offset:s,docTransform:d,segmentId:l,segmentPage:c}=a!=null?a:{};return s==null\|\|d==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(fn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform:d,segmentId:l,segmentPage:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const o=t.getTransformerByCreate();return{scene:t,transformer:o}}_getTransformCoordForDocumentOffset(e,n,t,o){const{documentTransform:a}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(F.Vector2.FromArray([t,o]));if(s)return a.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:o,scene:a}=t,s=o,{docsLeft:d,docsTop:l}=s.getOffsetConfig(),c=W.getAnchorBounding(n),{left:m,top:p,height:u}=c,v=m+d,h=p+l;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:h,height:u}),this._anchorShape.show();return}const w=6,I=new F.Rect(kn+r.Tools.generateRandomId(w),{left:v,top:h,height:u,strokeWidth:2,stroke:F.getColor(r.COLORS.darkGray,1),evented:!1});this._anchorShape=I,a.addObject(I,W.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return W.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,a=500,s=t==null?void 0:t.getSkeletonData();if(s==null\|\|n==null)return{width:o,height:a};const{pages:d}=s;let l=null;for(const c of d){const{skeDrawings:m}=c;if(m.has(e.drawingId)){l=c;break}}if(l){const{pageWidth:c,pageHeight:m,marginLeft:p,marginBottom:u,marginRight:v,marginTop:h}=l;return{width:Math.max(o,c-p-v),height:Math.max(a,m-h-u)}}else return{width:o,height:a}}};Ue=Bn([Ne(0,r.ICommandService),Ne(1,r.IUniverInstanceService),Ne(2,G.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)},Hn=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},pn=J.forwardRef(function(i,e){var n=i.icon,t=i.id,o=i.className,a=i.extend,s=Hn(i,["icon","id","className","extend"]),d="univerjs-icon univerjs-icon-".concat(t," ").concat(o\|\|"").trim(),l=J.useRef("_".concat(Wn()));return hn(n,"".concat(t),{defIds:n.defIds,idSuffix:l.current},ce({ref:e,className:d},s),a)});function hn(i,e,n,t,o){return J.createElement(i.tag,ce(ce({key:e},Vn(i,n,o)),t),(Gn(i,n).children\|\|[]).map(function(a,s){return hn(a,"".concat(e,"-").concat(i.tag,"-").concat(s),n,void 0,o)}))}function Vn(i,e,n){var t=ce({},i.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1);var o=e.defIds;return!o\|\|o.length===0\|\|(i.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(a){var s=a[0],d=a[1];typeof d=="string"&&(t[s]=d.replace(/url$#(.)$/,"url(#$1".concat(e.idSuffix,")")))})),t}function Gn(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 Wn(){return Math.random().toString(36).substring(2,8)}pn.displayName="UniverIcon";var Xn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},vn=J.forwardRef(function(i,e){return J.createElement(pn,Object.assign({},i,{id:"add-image-single",ref:e,icon:Xn}))});vn.displayName="AddImageSingle";const Ve={id:"doc.command.remove-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var P,M,E,k;const n=i.get(r.ICommandService),t=i.get(r.IUniverInstanceService),o=i.get(F.IRenderManagerService),a=t.getCurrentUniverDocInstance();if(e==null\|\|a==null)return!1;const s=o.getRenderById(e.unitId).with(W.DocSelectionRenderService),{drawings:d}=e,l=(P=s.getSegment())!=null?P:"",c=new r.TextX,m=r.JSONX.getInstance(),p=(E=(M=a.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:M.customBlocks)!=null?E:[],u=d.map(N=>p.find(S=>S.blockId===N.drawingId)).filter(N=>!!N).sort((N,S)=>N.startIndex>S.startIndex?1:-1),v=d[0].unitId,h=new r.MemoryCursor;h.reset();const w=u[0].startIndex,I=[{startOffset:w,endOffset:w}],D={id:B.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:I}},O=[];for(const N of u){const{startIndex:S}=N;S>h.cursor&&c.push({t:r.TextXActionType.RETAIN,len:S-h.cursor}),c.push({t:r.TextXActionType.DELETE,len:1}),h.moveCursorTo(S+1)}const T=W.getRichTextEditPath(a,l);O.push(m.editOp(c.serialize(),T));for(const N of u){const{blockId:S}=N,L=((k=a.getDrawings())!=null?k:{})[S],j=a.getDrawingsOrder().indexOf(S),$=m.removeOp(["drawings",S],L),_=m.removeOp(["drawingsOrder",j],S);O.push($),O.push(_)}return D.params.actions=O.reduce((N,S)=>r.JSONX.compose(N,S),null),!!n.syncExecuteCommand(D.id,D.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],a=t.map(s=>{const{unitId:d,subUnitId:l,drawingId:c,drawingType:m}=s;return{unitId:d,subUnitId:l,drawingId:c,drawingType:m}});return e.executeCommand(Ve.id,{unitId:o,drawings:a})}},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=[];return e.forEach(({parent:o,children:a})=>{t.push(o.unitId),a.forEach(s=>{t.push(s.unitId)})}),n.getGroupDrawingOp(e),!1}},Ke={id:"doc.command.insert-doc-image",type:r.CommandType.COMMAND,handler:(i,e)=>{var M,E,k,N;if(e==null)return!1;const n=i.get(r.ICommandService),t=i.get(B.DocSelectionManagerService),o=i.get(r.IUniverInstanceService),a=t.getActiveTextRange(),s=o.getCurrentUniverDocInstance();if(a==null\|\|s==null)return!1;const d=s.getUnitId(),{drawings:l}=e,{collapsed:c,startOffset:m,segmentId:p}=a,u=s.getSelfOrHeaderFooterModel(p).getBody();if(u==null)return!1;const v=new r.TextX,h=r.JSONX.getInstance(),w=[],I=(E=(M=s.getSnapshot().drawingsOrder)==null?void 0:M.length)!=null?E:0;let D=0;if(c)m>0&&v.push({t:r.TextXActionType.RETAIN,len:m});else{const S=r.BuildTextUtils.selection.delete([a],u,0,null,!1);v.push(...S);const L=W.getCustomBlockIdsInSelections(u,[a]),X=(k=s.getDrawings())!=null?k:{},j=(N=s.getDrawingsOrder())!=null?N:[],$=L.sort((_,C)=>j.indexOf(_)>j.indexOf(C)?-1:j.indexOf(_)<j.indexOf(C)?1:0);if($.length>0)for(const _ of $){const C=X[_],x=j.indexOf(_);if(C==null\|\|x<0)continue;const b=h.removeOp(["drawings",_],C),U=h.removeOp(["drawingsOrder",x],_);w.push(b),w.push(U),D++}}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=W.getRichTextEditPath(s,p),T=h.editOp(v.serialize(),O);w.push(T);for(const S of l){const{drawingId:L}=S,X=h.insertOp(["drawings",L],S),j=h.insertOp(["drawingsOrder",I-D],L);w.push(X),w.push(j)}const y={id:B.RichTextEditingMutation.id,params:{unitId:d,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:a,drawingIds:s,arrangeType:d}=e,l={unitId:o,subUnitId:a,drawingIds:s};let c;if(d===r.ArrangeTypeEnum.forward?c=t.getForwardDrawingsOp(l):d===r.ArrangeTypeEnum.backward?c=t.getBackwardDrawingOp(l):d===r.ArrangeTypeEnum.front?c=t.getFrontDrawingsOp(l):d===r.ArrangeTypeEnum.back&&(c=t.getBackDrawingsOp(l)),c==null)return!1;const{redo:m}=c;if(m==null)return!1;const p=[];let u=r.Tools.deepClone(m);u=u.slice(3),u.unshift("drawingsOrder"),p.push(u);const v={id:B.RichTextEditingMutation.id,params:{unitId:o,actions:[],textRanges:null}};return v.params.actions=p.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=[];return e.forEach(({parent:o,children:a})=>{t.push(o.unitId),a.forEach(s=>{t.push(s.unitId)})}),n.getUngroupDrawingOp(e),!1}};var $n=Object.defineProperty,zn=Object.getOwnPropertyDescriptor,qn=(i,e,n,t)=>{for(var o=t>1?void 0:t?zn(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&$n(e,n,o),o},ae=(i,e)=>(n,t)=>e(n,t,i);let Fe=class extends r.Disposable{constructor(i,e,n,t,o,a,s,d,l,c,m,p,u){super(),this._context=i,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=o,this._docDrawingService=a,this._drawingManagerService=s,this._contextService=d,this._messageService=l,this._localeService=c,this._docSelectionRenderService=m,this._docRefreshDrawingsService=p,this._fileOpenerService=u,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const i=await this._fileOpenerService.openFile({multiple:!0,accept:G.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(n=>`.${n.replace("image/","")}`).join(",")}),e=i.length;return e>G.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:K.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(G.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 a=o.message;let s="";switch(a){case G.ImageUploadStatusType.ERROR_EXCEED_SIZE:s=this._localeService.t("update-status.exceedMaxSize",String(G.DRAWING_IMAGE_ALLOW_SIZE/(10241024)));break;case G.ImageUploadStatusType.ERROR_IMAGE_TYPE:s=this._localeService.t("update-status.invalidImageType");break;case G.ImageUploadStatusType.ERROR_IMAGE:s=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:K.MessageType.Error,content:s})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const o of e){if(o==null)continue;const{imageId:a,imageSourceType:s,source:d,base64Cache:l}=o,{width:c,height:m,image:p}=await G.getImageSize(l\|\|"");this._imageIoService.addImageSourceCache(a,s,p);let u=1;if(c>G.DRAWING_IMAGE_WIDTH_LIMIT\|\|m>G.DRAWING_IMAGE_HEIGHT_LIMIT){const I=G.DRAWING_IMAGE_WIDTH_LIMIT/c,D=G.DRAWING_IMAGE_HEIGHT_LIMIT/m;u=Math.min(I,D)}const v=this._getImagePosition(cu,mu);if(v==null)return;const h={unitId:n,subUnitId:n,drawingId:a,drawingType:r.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:d,transform:W.docDrawingPositionToTransform(v),docTransform:v,behindDoc:r.BooleanNumber.FALSE,title:"",description:"",layoutType:r.PositionedObjectLayoutType.INLINE,wrapText:r.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(h.isMultiTransform=r.BooleanNumber.TRUE,h.transforms=h.transform?[h.transform]:null),t.push(h)}this._commandService.executeCommand(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,top: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(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 a=this._docSelectionRenderService.getSegment(),s=this._findSegmentIdByDrawingId(i[0].drawingId);a!==s&&this._docSelectionRenderService.setSegment(s),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(i){var s,d,l;const{unit:e}=this._context,{body:n,headers:t={},footers:o={}}=e.getSnapshot();if(((s=n==null?void 0:n.customBlocks)!=null?s:[]).some(c=>c.blockId===i))return"";for(const c of Object.keys(t))if((d=t[c].body.customBlocks)!=null&&d.some(m=>m.blockId===i))return c;for(const c of Object.keys(o))if((l=o[c].body.customBlocks)!=null&&l.some(m=>m.blockId===i))return c;return""}_updateDrawingsEditStatus(){var d;const{unit:i,scene:e,unitId:n}=this._context,t=(d=this._renderManagerSrv.getRenderById(n))==null?void 0:d.with(B.DocSkeletonManagerService).getViewModel();if(t==null\|\|i==null)return;const o=i.getSnapshot(),{drawings:a={}}=o,s=t.getEditArea()===F.DocumentEditArea.BODY;for(const l of Object.keys(a)){const c=a[l],m=G.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:c.drawingId,subUnitId:n}),p=e.fuzzyMathObjects(m,!0);if(p.length)for(const u of p)e.detachTransformerFrom(u),u.setOpacity(.5),(s&&c.isMultiTransform!==r.BooleanNumber.TRUE\|\|!s&&c.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,a;const{unit:e}=this._context,n=(a=(o=e.getSnapshot().body)==null?void 0:o.customBlocks)!=null?a:[],t=i.map(s=>{const d=s.drawingId,l=n.find(c=>c.blockId===d);return l?l.startIndex:null}).filter(s=>s!==null).map(s=>({startOffset:s,endOffset:s+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Fe=qn([ae(1,r.ICommandService),ae(2,r.Inject(B.DocSelectionManagerService)),ae(3,F.IRenderManagerService),ae(4,G.IImageIoService),ae(5,ve.IDocDrawingService),ae(6,G.IDrawingManagerService),ae(7,r.IContextService),ae(8,Y.IMessageService),ae(9,r.Inject(r.LocaleService)),ae(10,r.Inject(W.DocSelectionRenderService)),ae(11,r.Inject(He)),ae(12,Y.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),a=i.get(F.IRenderManagerService),{direction:s}=e,d=t.getFocusDrawings();if(d.length===0)return!1;const l=d[0].unitId,c=a.getRenderById(l),m=c==null?void 0:c.scene;if(m==null)return!1;const p=m.getTransformerByCreate(),u=o.getUniverDocInstance(l),v=d.map(w=>{var M,E,k,N,S;const{drawingId:I}=w,D=(M=u==null?void 0:u.getSnapshot().drawings)==null?void 0:M[I];if(D==null\|\|D.layoutType===r.PositionedObjectLayoutType.INLINE)return null;const{positionH:O,positionV:T}=D.docTransform,y={...O},P={...T};return s===r.Direction.UP?P.posOffset=((E=P.posOffset)!=null?E:0)-2:s===r.Direction.DOWN?P.posOffset=((k=P.posOffset)!=null?k:0)+2:s===r.Direction.LEFT?y.posOffset=((N=y.posOffset)!=null?N:0)-2:s===r.Direction.RIGHT&&(y.posOffset=((S=y.posOffset)!=null?S:0)+2),{drawingId:I,key:s===r.Direction.UP\|\|s===r.Direction.DOWN?"positionV":"positionH",value:s===r.Direction.UP\|\|s===r.Direction.DOWN?P:y}}).filter(w=>w!=null);if(v.length===0)return!1;const h=n.syncExecuteCommand(Pe.id,{unitId:l,subUnitId:l,drawings:v});return p.refreshControls(),!!h}},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,a;(a=(o=n.getRenderById(t))==null?void 0:o.scene.getTransformer())==null\|\|a.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(Y.ISidebarService),t=i.get(r.LocaleService),o=i.get(G.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(G.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 z(){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 Kn="univer-image-common-panel",Jn="univer-image-common-panel-grid",Yn="univer-image-common-panel-border",Zn="univer-image-common-panel-title",Qn="univer-image-common-panel-subtitle",et="univer-image-common-panel-row",nt="univer-image-common-panel-row-vertical",tt="univer-image-common-panel-column",it="univer-image-common-panel-column-center",rt="univer-image-common-panel-inline",ot="univer-image-common-panel-span2",at="univer-image-common-panel-span3",st="univer-image-common-panel-input",ct="univer-sheet-image-menu",dt="univer-sheet-image-menu-input",f={imageCommonPanel:Kn,imageCommonPanelGrid:Jn,imageCommonPanelBorder:Yn,imageCommonPanelTitle:Zn,imageCommonPanelSubtitle:Qn,imageCommonPanelRow:et,imageCommonPanelRowVertical:nt,imageCommonPanelColumn:tt,imageCommonPanelColumnCenter:it,imageCommonPanelInline:rt,imageCommonPanelSpan2:ot,imageCommonPanelSpan3:at,imageCommonPanelInput:st,sheetImageMenu:ct,sheetImageMenuInput:dt},sn=-1e3,cn=1e3,lt=i=>{const e=r.useDependency(r.ICommandService),n=r.useDependency(r.LocaleService),t=r.useDependency(G.IDrawingManagerService),o=r.useDependency(F.IRenderManagerService),a=r.useDependency(r.IUniverInstanceService),{drawings:s}=i,d=s[0];if(d==null)return;const{unitId:l}=d,c=a.getUniverDocInstance(l),m=c==null?void 0:c.getSnapshot().documentStyle.documentFlavor,p=o.getRenderById(l),u=p==null?void 0:p.scene;if(u==null)return;const v=u.getTransformerByCreate(),h=[{label:n.t("image-position.column"),value:String(r.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(r.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(r.ObjectRelativeFromH.MARGIN)}],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,P]=J.useState({relativeFrom:r.ObjectRelativeFromV.PAGE,posOffset:0}),[M,E]=J.useState(!0),[k,N]=J.useState(!0);function S(C,x){var R;C==="positionH"?T(x):P(x);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(Pe.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:U.map(A=>({drawingId:A.drawingId,key:C,value:x}))});const H=(R=o.getRenderById(l))==null?void 0:R.with(W.DocSelectionRenderService);H&&H.blur(),v.refreshControls()}function L(C){var ee,le,ge;const x=O.relativeFrom,b=O.posOffset,U=Number(C);if(x===U)return;const H=t.getFocusDrawings();if(H.length===0)return;const R=H[0].drawingId,A=H[0].unitId;let q=null,V=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:pe}=ie;if(fe.has(R)){q=fe.get(R),V=ue;break}const re=(le=Ie.get(we))==null?void 0:le.get(pe);if(re!=null&&re.skeDrawings.has(R)){q=re==null?void 0:re.skeDrawings.get(R),V=ue;break}const oe=(ge=ye.get(Se))==null?void 0:ge.get(pe);if(oe!=null&&oe.skeDrawings.has(R)){q=oe==null?void 0:oe.skeDrawings.get(R),V=ue;break}}if(q==null)return;let te=0;x===r.ObjectRelativeFromH.COLUMN?te-=q.columnLeft:x===r.ObjectRelativeFromH.MARGIN&&(te-=V),U===r.ObjectRelativeFromH.COLUMN?te+=q.columnLeft:U===r.ObjectRelativeFromH.MARGIN?te+=V:r.ObjectRelativeFromH.PAGE;const Q={relativeFrom:U,posOffset:(b!=null?b:0)-te};S("positionH",Q)}function X(C){var fe,we,Se,pe,re,oe;const x=y.relativeFrom,b=y.posOffset,U=Number(C);if(x===U)return;const H=t.getFocusDrawings();if(H.length===0)return;const{drawingId:R,unitId:A}=H[0],q=a.getUniverDocInstance(A),V=(fe=o.getRenderById(A))==null?void 0:fe.with(B.DocSkeletonManagerService).getSkeleton(),Z=(we=o.getRenderById(A))==null?void 0:we.with(W.DocSelectionRenderService),ne=Z==null?void 0:Z.getSegment(),Ce=Z==null?void 0:Z.getSegmentPage(),Ie=(pe=(Se=q==null?void 0:q.getSelfOrHeaderFooterModel(ne).getBody())==null?void 0:Se.customBlocks)==null?void 0:pe.find(_e=>_e.blockId===R);if(Ie==null\|\|V==null\|\|Z==null)return;const{startIndex:ye}=Ie,te=V.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(_e=>_e.paragraphIndex===(Q==null?void 0:Q.paragraphIndex)&&_e.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;x===r.ObjectRelativeFromV.PARAGRAPH?ie-=le.top:x===r.ObjectRelativeFromV.LINE?ie-=Q.top:x===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 x=c==null?void 0:c.getSnapshot(),b=(A=x==null?void 0:x.drawings)==null?void 0:A[C.drawingId];if(b==null)return;const{layoutType:U}=b,{positionH:H,positionV:R}=b.docTransform;T(H),P(R),D(U===r.PositionedObjectLayoutType.INLINE),E(R.relativeFrom===r.ObjectRelativeFromV.PARAGRAPH\|\|R.relativeFrom===r.ObjectRelativeFromV.LINE)}function $(){const C=t.getFocusDrawings();C.length!==0&&j(C[0])}function _(C){E(C),X(String(C?r.ObjectRelativeFromV.PARAGRAPH:r.ObjectRelativeFromV.PAGE))}return J.useEffect(()=>{$();const C=t.focus$.subscribe(b=>{if(b.length===0){N(!1);return}N(!0),j(b[0])}),x=e.onCommandExecuted(async b=>{b.id===B.RichTextEditingMutation.id&&$()});return()=>{C.unsubscribe(),x.dispose()}},[]),g.jsxs("div",{className:z(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:k?"block":"none"},children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-position.title")})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.horizontal")})})}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:sn,max:cn,precision:1,disabled:I,value:O.posOffset,onChange:C=>{S("positionH",{relativeFrom:O.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.toTheRightOf")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.Select,{value:String(O.relativeFrom),disabled:I,options:h,onChange:L})})})]})})]}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.vertical")})})}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:sn,max:cn,precision:1,disabled:I,value:y.posOffset,onChange:C=>{S("positionV",{relativeFrom:y.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.bellow")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.Select,{disabled:I,value:String(y.relativeFrom),options:w,onChange:X})})})]})})]}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.options")})})}),g.jsx("div",{className:f.imageCommonPanelRow,style:{marginBottom:"50px"},children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.Checkbox,{disabled:I,checked:M,onChange:_,children:n.t("image-position.moveObjectWithText")})})})]})},Ee=0,Ae=100,gt=i=>{const e=r.useDependency(r.ICommandService),n=r.useDependency(r.LocaleService),t=r.useDependency(G.IDrawingManagerService),o=r.useDependency(F.IRenderManagerService),a=r.useDependency(r.IUniverInstanceService),{drawings:s}=i,d=s[0];if(d==null)return null;const{unitId:l}=d,c=a.getUniverDocInstance(l),m=o.getRenderById(l);if((m==null?void 0:m.scene)==null)return null;const[u,v]=J.useState(!0),[h,w]=J.useState(!0),[I,D]=J.useState(!0),[O,T]=J.useState(se.INLINE),[y,P]=J.useState(""),[M,E]=J.useState({distT:0,distL:0,distB:0,distR:0}),[k,N]=J.useState(!0);function S(_){T(_);const C=t.getFocusDrawings();if(C.length===0)return;const{unitId:x,subUnitId:b}=C[0],U=C.map(({unitId:H,subUnitId:R,drawingId:A})=>({unitId:H,subUnitId:R,drawingId:A}));e.executeCommand(ln.id,{unitId:x,subUnitId:b,drawings:U,wrappingStyle:_})}function L(_){P(_);const C=t.getFocusDrawings();if(C.length===0)return;const x=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:x,wrapText:_})}function X(_,C){if(_==null)return;const x={...M,[C]:_};E(x);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]:_}})}function j(){const _=t.getFocusDrawings();_.length!==0&&$(_[0])}function $(_){var Z,ne;const C=(ne=(Z=c==null?void 0:c.getSnapshot())==null?void 0:Z.drawings)==null?void 0:ne[_.drawingId];if(C==null)return;const{distT:x=0,distL:b=0,distB:U=0,distR:H=0,layoutType:R=r.PositionedObjectLayoutType.INLINE,behindDoc:A=r.BooleanNumber.FALSE,wrapText:q=r.WrapTextType.BOTH_SIDES}=C;if(E({distT:x,distL:b,distB:U,distR:H}),P(q),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)A===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(()=>{j();const _=t.focus$.subscribe(x=>{if(x.length===0){N(!1);return}N(!0),$(x[0])}),C=e.onCommandExecuted(async x=>{x.id===B.RichTextEditingMutation.id&&j()});return()=>{_.unsubscribe(),C.dispose()}},[]),g.jsxs("div",{className:z(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:k?"block":"none"},children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-text-wrap.title")})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})})}),g.jsx("div",{className:z(f.imageCommonPanelRow),children:g.jsx("div",{className:z(f.imageCommonPanelColumn),children:g.jsxs(K.RadioGroup,{value:O,onChange:S,direction:"vertical",children:[g.jsx(K.Radio,{value:se.INLINE,children:n.t("image-text-wrap.inline")}),g.jsx(K.Radio,{value:se.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),g.jsx(K.Radio,{value:se.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),g.jsx(K.Radio,{value:se.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),g.jsx(K.Radio,{value:se.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrapText")})})}),g.jsx("div",{className:z(f.imageCommonPanelRow),children:g.jsx("div",{className:z(f.imageCommonPanelColumn),children:g.jsxs(K.RadioGroup,{disabled:u,value:y,onChange:L,direction:"horizontal",children:[g.jsx(K.Radio,{value:r.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),g.jsx(K.Radio,{value:r.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),g.jsx(K.Radio,{value:r.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})})}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.top")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:Ee,max:Ae,disabled:h,precision:1,value:M.distT,onChange:_=>{X(_,"distT")},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.left")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:Ee,max:Ae,disabled:I,precision:1,value:M.distL,onChange:_=>{X(_,"distL")},className:f.imageCommonPanelInput})})})]})})]}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.bottom")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:Ee,max:Ae,disabled:h,precision:1,value:M.distB,onChange:_=>{X(_,"distB")},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:z(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.right")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(K.InputNumber,{min:Ee,max:Ae,disabled:I,precision:1,value:M.distR,onChange:_=>{X(_,"distR")},className:f.imageCommonPanelInput})})})]})})]})]})},mt=()=>{const i=r.useDependency(G.IDrawingManagerService),e=i.getFocusDrawings(),[n,t]=J.useState(e);return J.useEffect(()=>{const o=i.focus$.subscribe(a=>{t(a)});return()=>{o.unsubscribe()}},[]),!!(n!=null&&n.length)&&g.jsxs("div",{className:f.imageCommonPanel,children:[g.jsx(Te.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),g.jsx(gt,{drawings:n}),g.jsx(lt,{drawings:n})]})},_n="addition-and-subtraction-single",nn="doc.menu.image",Dn=Ze.id,ut=i=>{const e=i.get(B.DocSelectionManagerService),n=i.get(r.IUniverInstanceService);return new he.Observable(t=>{const o=e.textSelection$.subscribe(()=>{var s;const a=e.getActiveTextRange();if(a){const{segmentId:d,startOffset:l,endOffset:c}=a,m=n.getCurrentUniverDocInstance(),p=(s=m==null?void 0:m.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:s.tables;if(p&&p.length&&p.some(u=>{const{startIndex:v,endIndex:h}=u;return l>=v&&l<h\|\|c>=v&&c<h})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>o.unsubscribe()})};function ft(i){return{id:nn,type:Y.MenuItemType.SUBITEMS,icon:_n,tooltip:"docImage.title",disabled$:ut(i),hidden$:Y.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC)}}function pt(i){return{id:Dn,title:"docImage.upload.float",type:Y.MenuItemType.BUTTON,hidden$:Y.getMenuHiddenObservable(i,r.UniverInstanceType.UNIVER_DOC)}}const ht={[Y.RibbonStartGroup.LAYOUT]:{[nn]:{order:0,menuItemFactory:ft,[Dn]:{order:0,menuItemFactory:pt}}}};function xe(i){return i.getContextValue(r.FOCUSING_UNIVER_EDITOR)&&i.getContextValue(r.FOCUSING_COMMON_DRAWINGS)}const vt={id:Oe.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:Y.KeyCode.ARROW_DOWN,priority:100,preconditions:xe,staticParameters:{direction:r.Direction.DOWN}},It={id:Oe.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:Y.KeyCode.ARROW_UP,priority:100,preconditions:xe,staticParameters:{direction:r.Direction.UP}},wt={id:Oe.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:Y.KeyCode.ARROW_LEFT,priority:100,preconditions:xe,staticParameters:{direction:r.Direction.LEFT}},St={id:Oe.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:Y.KeyCode.ARROW_RIGHT,priority:100,preconditions:xe,staticParameters:{direction:r.Direction.RIGHT}},_t={id:ze.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:xe,binding:Y.KeyCode.DELETE,mac:Y.KeyCode.BACKSPACE};var Dt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,Tt=(i,e,n,t)=>{for(var o=t>1?void 0:t?Ct(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&Dt(e,n,o),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(_n,vn)),this.disposeWithMe(i.register(wn,mt))}_initMenus(){this._menuManagerService.mergeMenu(ht)}_initCommands(){[Ze,Ke,ln,gn,mn,Pe,un,fn,Ve,Qe,In,en,qe,Ye,Oe,ze,Je].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_initShortcuts(){[vt,It,wt,St,_t].forEach(i=>{this.disposeWithMe(this._shortcutService.registerShortcut(i))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Be=Tt([je(0,r.Inject(Y.ComponentManager)),je(1,Y.IMenuManagerService),je(2,r.ICommandService),je(3,Y.IShortcutService)],Be);var Ot=Object.defineProperty,yt=Object.getOwnPropertyDescriptor,bt=(i,e,n,t)=>{for(var o=t>1?void 0:t?yt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&Ot(e,n,o),o},Re=(i,e)=>(n,t)=>e(n,t,i);let ke=class extends r.RxDisposable{constructor(e,n,t,o,a){super();me(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=o,this._contextService=a,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(r.UniverInstanceType.UNIVER_DOC).pipe(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 Te.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var a;const n=(a=this._renderManagerService.getRenderById(e))==null?void 0:a.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const o=[];this.disposeWithMe(r.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=t.getSelectedObjectMap();if(o.forEach(I=>I.dispose()),o.length=0,s.size>1)return;const d=s.values().next().value;if(!d)return;const l=d.oKey,c=this._drawingManagerService.getDrawingOKey(l);if(!c)return;const{unitId:m,subUnitId:p,drawingId:u}=c,v=this._canvasPopManagerService.attachPopupToObject(d,{componentKey:Te.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(m,p,u)}},m);o.push(this.disposeWithMe(v)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===m&&I.subUnitId===p&&I.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:m,subUnitId:p,drawingId:u}])}))),this.disposeWithMe(r.toDisposable(t.clearControl$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0,this._contextService.setContextValue(r.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(r.toDisposable(t.changing$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0}))),this.disposeWithMe(r.toDisposable(t.changeStart$.subscribe(()=>{o.forEach(s=>s.dispose()),o.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:en.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!!r.SHEET_EDITOR_UNITS.includes(e)},{label:"image-popup.delete",index:1,commandId:Ve.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=bt([Re(0,G.IDrawingManagerService),Re(1,r.Inject(W.DocCanvasPopManagerService)),Re(2,F.IRenderManagerService),Re(3,r.IUniverInstanceService),Re(4,r.IContextService)],ke);var Mt=Object.defineProperty,Rt=Object.getOwnPropertyDescriptor,Pt=(i,e,n,t)=>{for(var o=t>1?void 0:t?Rt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&Mt(e,n,o),o},De=(i,e)=>(n,t)=>e(n,t,i);let $e=class extends r.Disposable{constructor(e,n,t,o,a,s,d,l){super();me(this,"_liquid",new F.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=o,this._drawingManagerService=a,this._docRefreshDrawingsService=s,this._univerInstanceService=d,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,W.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){const t=n.params,{unitId:o}=t,{unitId:a,mainComponent:s}=this._context;if(o!==a)return;const d=this._docSkeletonManagerService.getSkeleton();if(d==null)return;if(this._editorService.isEditor(a)&&a!==r.DOCS_ZEN_EDITOR_UNIT_ID_KEY){s==null\|\|s.makeDirty();return}this._refreshDrawing(d)}}))}_initResize(){this.disposeWithMe(r.fromEventSubject(this._context.engine.onTransformChange$).pipe(he.filter(e=>e.type===F.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,a=t;if(!n)return;const{left:s,top:d,pageLayoutType:l,pageMarginLeft:c,pageMarginTop:m}=a,{pages:p,skeHeaders:u,skeFooters:v}=n,h={};this._liquid.reset();for(let y=0,P=p.length;y<P;y++){const M=p[y],{headerId:E,footerId:k,pageWidth:N}=M;if(E){const S=(O=u.get(E))==null?void 0:O.get(N);S&&this._calculateDrawingPosition(o,S,s,d,h,S.marginTop,M.marginLeft)}if(k){const S=(T=v.get(k))==null?void 0:T.get(N);S&&this._calculateDrawingPosition(o,S,s,d,h,M.pageHeight-M.marginBottom+S.marginTop,M.marginLeft)}this._calculateDrawingPosition(o,M,s,d,h,M.marginTop,M.marginLeft),this._liquid.translatePage(M,l,c,m)}const w=Object.values(h),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 c=this._drawingManagerService.getDrawingByParam(l);c!=null&&(c.transform=l.transform,c.transforms=l.transforms,c.isMultiTransform=l.isMultiTransform)});const s=[...o.getSelectedObjectMap().keys()],d=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(l=>l.isMultiTransform===r.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(d),e.length>0&&this._drawingManagerService.addNotification(e);for(const l of s){const c=n.getObject(l);c&&o.setSelectedControl(c)}}_calculateDrawingPosition(e,n,t,o,a,s,d){const{skeDrawings:l}=n;this._liquid.translatePagePadding({marginTop:s,marginLeft:d}),l.forEach(c=>{const{aLeft:m,aTop:p,height:u,width:v,angle:h,drawingId:w,drawingOrigin:I}=c,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:p+o+this._liquid.y,width:v,height:u,angle:h};a[w]==null?a[w]={unitId:e,subUnitId:e,drawingId:w,behindText:D,transform:T,transforms:[T],isMultiTransform:O}:O===r.BooleanNumber.TRUE&&a[w].transforms.push(T)}),this._liquid.restorePagePadding({marginTop:s,marginLeft:d})}_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)}};$e=Pt([De(1,r.Inject(B.DocSkeletonManagerService)),De(2,r.ICommandService),De(3,W.IEditorService),De(4,G.IDrawingManagerService),De(5,r.Inject(He)),De(6,r.IUniverInstanceService),De(7,r.Inject(r.LifecycleService))],$e);var Cn=Object.defineProperty,xt=Object.getOwnPropertyDescriptor,Nt=(i,e,n)=>e in i?Cn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n,Et=(i,e,n,t)=>{for(var o=t>1?void 0:t?xt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(t?s(e,n,o):s(o))\|\|o);return t&&o&&Cn(e,n,o),o},Xe=(i,e)=>(n,t)=>e(n,t,i),Tn=(i,e,n)=>Nt(i,typeof e!="symbol"?e+"":e,n);const At="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{...a}=r.merge({},on,this._config);this._configService.setConfig(Pn,a)}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)}};Tn(exports.UniverDocsDrawingUIPlugin,"type",r.UniverInstanceType.UNIVER_DOC);Tn(exports.UniverDocsDrawingUIPlugin,"pluginName",At);exports.UniverDocsDrawingUIPlugin=Et([r.DependentOn(Te.UniverDrawingUIPlugin,G.UniverDrawingPlugin,ve.UniverDocsDrawingPlugin,Y.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=Ve;exports.SetDocDrawingArrangeCommand=Je;exports.SidebarDocDrawingOperation=Qe;exports.UngroupDocDrawingCommand=Ye;
1	+ "use strict";var Mn=Object.defineProperty;var Rn=(i,e,n)=>e in i?Mn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n;var me=(i,e,n)=>Rn(i,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@univerjs/core"),ve=require("@univerjs/docs-drawing"),W=require("@univerjs/drawing"),Te=require("@univerjs/drawing-ui"),F=require("@univerjs/engine-render"),G=require("@univerjs/ui"),B=require("@univerjs/docs"),X=require("@univerjs/docs-ui"),he=require("rxjs"),J=require("@univerjs/design"),g=require("react/jsx-runtime"),Y=require("react"),Pn="docs-drawing-ui.config",on={};var xn=Object.defineProperty,Nn=Object.getOwnPropertyDescriptor,En=(i,e,n,t)=>{for(var r=t>1?void 0:t?Nn(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&xn(e,n,r),r},Me=(i,e)=>(n,t)=>e(n,t,i);function An(i){var t,r,a,s;if(o.JSONX.isNoop(i)\|\|!Array.isArray(i))return null;const e=i.find(d=>Array.isArray(d)&&(d==null?void 0:d[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 d of e)Array.isArray(d)&&n.push({type:(t=d==null?void 0:d[1])!=null&&t.i?"add":"remove",drawingId:d==null?void 0:d[0],drawing:(r=d==null?void 0:d[1])==null?void 0:r.i});else n.push({type:(a=e[2])!=null&&a.i?"add":"remove",drawingId:e[1],drawing:(s=e[2])==null?void 0:s.i});return n}function jn(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 o.Disposable{constructor(i,e,n,t,r){super(),this._univerInstanceService=i,this._commandService=e,this._drawingManagerService=n,this._docDrawingService=t,this._renderManagerService=r,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,r=An(t);if(r!=null)for(const{type:a,drawingId:s,drawing:d}of r)a==="add"?this._addDrawings(n,[d]):this._removeDrawings(n,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{if(i.id!==B.RichTextEditingMutation.id)return;const e=i.params,{unitId:n,actions:t}=e;jn(t).length>0&&this._updateDrawingsOrder(n)})),this.disposeWithMe(this._commandService.onCommandExecuted(i=>{var s;if(i.id!==o.UndoCommand.id&&i.id!==o.RedoCommand.id)return;const e=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),n=this._drawingManagerService.getFocusDrawings();if(e==null\|\|n.length===0)return;const t=this._renderManagerService.getRenderById(e),r=t==null?void 0:t.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(e),{subUnitId:a,redo:s,objects:d}=r;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.addNotification(d),t.addNotification(d)}_removeDrawings(i,e){const n=this._drawingManagerService,t=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(e.map(l=>({unitId:i,subUnitId:i,drawingId:l}))),{subUnitId:a,redo:s,objects:d}=r;n.applyJson1(i,a,s),t.applyJson1(i,a,s),n.removeNotification(d),t.removeNotification(d)}_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,r=this._docDrawingService;t.setDrawingOrder(i,i,n),r.setDrawingOrder(i,i,n);const a={unitId:i,subUnitId:i,drawingIds:n};t.orderNotification(a),r.orderNotification(a)}};Le=En([Me(0,o.IUniverInstanceService),Me(1,o.ICommandService),Me(2,W.IDrawingManagerService),Me(3,ve.IDocDrawingService),Me(4,F.IRenderManagerService)],Le);class He{constructor(){me(this,"_refreshDrawings$",new he.BehaviorSubject(null));me(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 Ln={inline:o.PositionedObjectLayoutType.INLINE,wrapSquare:o.PositionedObjectLayoutType.WRAP_SQUARE,wrapTopAndBottom:o.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM,inFrontOfText:o.PositionedObjectLayoutType.WRAP_NONE,behindText:o.PositionedObjectLayoutType.WRAP_NONE};function dn(i,e,n,t,r,a,s){var v,h;const d=new o.TextX,l=o.JSONX.getInstance(),c=[],m=a.getSelfOrHeaderFooterModel(e).getBody(),p=a.getSelfOrHeaderFooterModel(i).getBody();if(m==null\|\|p==null)return;const u=(h=(v=m.customBlocks)==null?void 0:v.find(w=>w.blockId===r))==null?void 0:h.startIndex;if(u!=null){if(t=Math.min(p.dataStream.length-2,t),i===e){if(t<u?(t>0&&d.push({t:o.TextXActionType.RETAIN,len:t}),d.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),d.push({t:o.TextXActionType.RETAIN,len:u-t}),d.push({t:o.TextXActionType.DELETE,len:1})):(u>0&&d.push({t:o.TextXActionType.RETAIN,len:u}),d.push({t:o.TextXActionType.DELETE,len:1}),t-u-1>0&&d.push({t:o.TextXActionType.RETAIN,len:t-u-1}),d.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),t!==u){const w=X.getRichTextEditPath(a,e),I=l.editOp(d.serialize(),w);c.push(I)}}else{u>0&&d.push({t:o.TextXActionType.RETAIN,len:u}),d.push({t:o.TextXActionType.DELETE,len:1});let w=X.getRichTextEditPath(a,e),I=l.editOp(d.serialize(),w);c.push(I),d.empty(),t>0&&d.push({t:o.TextXActionType.RETAIN,len:t}),d.push({t:o.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),w=X.getRichTextEditPath(a,i),I=l.editOp(d.serialize(),w),c.push(I),s.setSegment(i),s.setSegmentPage(n)}return c}}const ln={id:"doc.command.update-doc-drawing-wrapping-style",type:o.CommandType.COMMAND,handler:(i,e)=>{var E,k;if(e==null)return!1;const{drawings:n,wrappingStyle:t,unitId:r}=e,a=i.get(o.ICommandService),s=i.get(o.IUniverInstanceService),l=i.get(F.IRenderManagerService).getRenderById(r),c=l==null?void 0:l.with(B.DocSkeletonManagerService).getSkeleton().getSkeletonData(),m=l==null?void 0:l.with(B.DocSkeletonManagerService).getViewModel(),p=l==null?void 0:l.scene,u=s.getCurrentUniverDocInstance();if(u==null\|\|c==null\|\|p==null\|\|m==null)return!1;const v=m.getEditArea(),h=p.getTransformerByCreate(),{pages:w,skeHeaders:I,skeFooters:D}=c,O=o.JSONX.getInstance(),T=[],{drawings:y={}}=u.getSnapshot();for(const N of n){const{drawingId:S}=N,L=y[S].layoutType,$=Ln[t];if(L!==$){const C=O.replaceOp(["drawings",S,"layoutType"],L,$);T.push(C)}if(t==="behindText"\|\|t==="inFrontOfText"){const C=y[S].behindDoc,x=t==="behindText"?o.BooleanNumber.TRUE:o.BooleanNumber.FALSE;if(C!==x){const b=O.replaceOp(["drawings",S,"behindDoc"],C,x);T.push(b)}}if(t==="inline")continue;let j=null,z=0,_=0;for(const C of w){const{headerId:x,footerId:b,marginTop:U,marginLeft:H,marginBottom:R,pageWidth:A,pageHeight:K}=C;switch(v){case F.DocumentEditArea.HEADER:{const V=(E=I.get(x))==null?void 0:E.get(A);V!=null&&V.skeDrawings.has(S)&&(j=V.skeDrawings.get(S),z=V.marginTop,_=H);break}case F.DocumentEditArea.FOOTER:{const V=(k=D.get(b))==null?void 0:k.get(A);V!=null&&V.skeDrawings.has(S)&&(j=V.skeDrawings.get(S),z=K-R+V.marginTop,_=H);break}case F.DocumentEditArea.BODY:{C.skeDrawings.has(S)&&(j=C.skeDrawings.get(S),z=U,_=H);break}}if(j!=null)break}if(j!=null){const{aTop:C,aLeft:x}=j,b=y[S].docTransform.positionH;let U=x;b.relativeFrom===o.ObjectRelativeFromH.MARGIN?U-=_:b.relativeFrom===o.ObjectRelativeFromH.COLUMN&&(U-=j.columnLeft);const H={relativeFrom:b.relativeFrom,posOffset:U};if(b.posOffset!==H.posOffset){const V=O.replaceOp(["drawings",S,"docTransform","positionH"],b,H);T.push(V)}const R=y[S].docTransform.positionV;let A=C;R.relativeFrom===o.ObjectRelativeFromV.PAGE?A+=z:R.relativeFrom===o.ObjectRelativeFromV.LINE?A-=j.lineTop:R.relativeFrom===o.ObjectRelativeFromV.PARAGRAPH&&(A-=j.blockAnchorTop);const K={relativeFrom:R.relativeFrom,posOffset:A};if(R.posOffset!==K.posOffset){const V=O.replaceOp(["drawings",S,"docTransform","positionV"],R,K);T.push(V)}}}const P={id:B.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};P.params.actions=T.reduce((N,S)=>o.JSONX.compose(N,S),null);const M=a.syncExecuteCommand(P.id,P.params);return h.refreshControls(),!!M}},gn={id:"doc.command.update-doc-drawing-distance",type:o.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(o.ICommandService),r=i.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:a,dist:s,unitId:d}=e,l=o.JSONX.getInstance(),c=[],{drawings:m={}}=r.getSnapshot();for(const v of a){const{drawingId:h}=v;for(const[w,I]of Object.entries(s)){const D=m[h][w];if(D!==I){const O=l.replaceOp(["drawings",h,w],D,I);c.push(O)}}}const p={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return p.params.actions=c.reduce((v,h)=>o.JSONX.compose(v,h),null),!!n.syncExecuteCommand(p.id,p.params)}},mn={id:"doc.command.update-doc-drawing-wrap-text",type:o.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(o.ICommandService),r=i.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:a,wrapText:s,unitId:d}=e,l=o.JSONX.getInstance(),c=[],{drawings:m={}}=r.getSnapshot();for(const v of a){const{drawingId:h}=v,w=m[h].wrapText;if(w!==s){const I=l.replaceOp(["drawings",h,"wrapText"],w,s);c.push(I)}}const p={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:null}};return p.params.actions=c.reduce((v,h)=>o.JSONX.compose(v,h),null),!!n.syncExecuteCommand(p.id,p.params)}},Pe={id:"doc.command.update-drawing-doc-transform",type:o.CommandType.COMMAND,handler:(i,e)=>{if(e==null)return!1;const n=i.get(o.ICommandService),t=i.get(o.IUniverInstanceService),a=i.get(F.IRenderManagerService).getRenderById(e.unitId),s=a==null?void 0:a.scene;if(s==null)return!1;const d=s.getTransformerByCreate(),l=t.getCurrentUniverDocInstance();if(l==null)return!1;const{drawings:c,unitId:m}=e,p=o.JSONX.getInstance(),u=[],{drawings:v={}}=l.getSnapshot();for(const I of c){const{drawingId:D,key:O,value:T}=I,y=v[D].docTransform[O];if(!o.Tools.diffValue(y,T)){const P=p.replaceOp(["drawings",D,"docTransform",O],y,T);u.push(P)}}const h={id:B.RichTextEditingMutation.id,params:{unitId:m,actions:[],textRanges:null,debounce:!0}};h.params.actions=u.reduce((I,D)=>o.JSONX.compose(I,D),null);const w=n.syncExecuteCommand(h.id,h.params);return d.refreshControls(),!!w}},un={id:"doc.command.move-inline-drawing",type:o.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),r=i.get(He),a=n.getRenderById(e.unitId),s=a==null?void 0:a.scene,d=a==null?void 0:a.with(B.DocSkeletonManagerService).getSkeleton();if(s==null\|\|t==null)return!1;const l=s.getTransformerByCreate(),c=i.get(o.ICommandService),p=i.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(p==null)return!1;const{drawing:u,unitId:v,offset:h,segmentId:w,segmentPage:I,needRefreshDrawings:D}=e;if(D)return r.refreshDrawings(d),l.refreshControls(),!0;const O=[],{drawingId:T}=u,y=(N=t.getSegment())!=null?N:"",P=dn(w,y,I,h,T,p,t);if(P==null\|\|P.length===0)return r.refreshDrawings(d),l.refreshControls(),!1;O.push(...P);const M={id:B.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:null}};M.params.actions=O.reduce((S,L)=>o.JSONX.compose(S,L),null);const E=c.syncExecuteCommand(M.id,M.params);return l.refreshControls(),!!E}},fn={id:"doc.command.transform-non-inline-drawing",type:o.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),r=n.getRenderById(e.unitId),a=r==null?void 0:r.scene;if(a==null\|\|t==null)return!1;const s=a.getTransformerByCreate(),d=i.get(o.ICommandService),c=i.get(o.IUniverInstanceService).getCurrentUniverDocInstance();if(c==null)return!1;const{drawing:m,unitId:p,offset:u,docTransform:v,segmentId:h,segmentPage:w}=e,I=[],{drawingId:D}=m,O=(z=t.getSegment())!=null?z:"",T=dn(h,O,w,u,D,c,t);if(T==null)return!1;T.length>0&&I.push(...T);const y=o.JSONX.getInstance(),{drawings:P={}}=c.getSnapshot(),M=P[D].docTransform,{positionH:E,positionV:k,size:N,angle:S}=M;if(!o.Tools.diffValue(E,v.positionH)){const _=y.replaceOp(["drawings",D,"docTransform","positionH"],E,v.positionH);I.push(_)}if(!o.Tools.diffValue(k,v.positionV)){const _=y.replaceOp(["drawings",D,"docTransform","positionV"],k,v.positionV);I.push(_)}if(!o.Tools.diffValue(N,v.size)){const _=y.replaceOp(["drawings",D,"docTransform","size"],N,v.size);I.push(_)}if(!o.Tools.diffValue(S,v.angle)){const _=y.replaceOp(["drawings",D,"docTransform","angle"],S,v.angle);I.push(_)}const L={id:B.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:null,debounce:!0}};L.params.actions=I.reduce((_,C)=>o.JSONX.compose(_,C),null);const $=d.syncExecuteCommand(L.id,L.params);return s.refreshControls(),!!$}};var Un=Object.defineProperty,Fn=Object.getOwnPropertyDescriptor,Bn=(i,e,n,t)=>{for(var r=t>1?void 0:t?Fn(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&Un(e,n,r),r},Ne=(i,e)=>(n,t)=>e(n,t,i);const kn="__InlineDrawingAnchor__";function an(i){const{path:e}=i;return e.some(n=>n==="cells")}let Ue=class extends o.Disposable{constructor(e,n,t,r){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=r,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 r;const n=(r=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:r.transformer;if(n==null)return;this.disposeWithMe(o.toDisposable(n.changeStart$.subscribe(a=>{var d;this._transformerCache.clear();const{objects:s}=a;for(const l of s.values()){const{oKey:c,width:m,height:p,left:u,top:v,angle:h}=l,w=this._drawingManagerService.getDrawingOKey(c);if(w==null)continue;const I=this._univerInstanceService.getUniverDocInstance(w.unitId),D=(d=I==null?void 0:I.getSnapshot().drawings)==null?void 0:d[w.drawingId];(D==null?void 0:D.layoutType)===o.PositionedObjectLayoutType.INLINE&&l.setOpacity(.2),D!=null&&this._transformerCache.set(w.drawingId,{drawing:D,top:v,left:u,width:m,height:p,angle:h})}})));const t=o.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);o.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(o.toDisposable(n.changing$.subscribe(a=>{const{objects:s,offsetX:d,offsetY:l}=a;if(s.size>1)t(s);else if(s.size===1){const c=this._transformerCache.values().next().value,m=s.values().next().value,{width:p,height:u,top:v,left:h,angle:w}=m;if(c&&p===c.width&&u===c.height&&v===c.top&&h===c.left&&w===c.angle)return;c&&(c.drawing.layoutType,o.PositionedObjectLayoutType.INLINE),c&&c.drawing.layoutType===o.PositionedObjectLayoutType.INLINE&&d!=null&&l!=null&&this._updateInlineDrawingAnchor(c.drawing,d,l)}}))),this.disposeWithMe(o.toDisposable(n.changeEnd$.subscribe(a=>{const{objects:s,offsetX:d,offsetY:l}=a;for(const c of s.values()){const m=this._drawingManagerService.getDrawingOKey(c.oKey);if(m==null)continue;const p=this._transformerCache.get(m==null?void 0:m.drawingId);(p==null?void 0:p.drawing.layoutType)===o.PositionedObjectLayoutType.INLINE&&c.setOpacity(1)}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const c=this._transformerCache.values().next().value,m=s.values().next().value,{width:p,height:u,top:v,left:h,angle:w}=m;if(c&&p===c.width&&u===c.height&&v===c.top&&h===c.left&&w===c.angle)return;c&&c.drawing.layoutType===o.PositionedObjectLayoutType.INLINE?p!==c.width\|\|u!==c.height\|\|w!==c.angle?this._updateDrawingSize(c,m):d!=null&&l!=null&&this._moveInlineDrawing(c.drawing,d,l):c&&this._nonInlineDrawingTransform(c.drawing,m)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const n=[];let t,r;for(const a of e.values()){const{oKey:s,left:d,top:l,angle:c}=a;let{width:m,height:p}=a;const u=this._drawingManagerService.getDrawingOKey(s);if(u==null)continue;t==null&&(t=u.unitId),r==null&&(r=u.subUnitId);const v=this._transformerCache.get(u.drawingId);if(v==null)continue;const{drawing:h,top:w,left:I,width:D,height:O,angle:T}=v,{width:y,height:P}=this._getPageContentSize(h);if(m=Math.min(m,y),p=Math.min(p,P),(D!==m\|\|O!==p)&&n.push({drawingId:u.drawingId,key:"size",value:{width:m,height:p}}),T!==c&&n.push({drawingId:u.drawingId,key:"angle",value:c}),w!==l\|\|I!==d){const M=l-w,E=d-I;M!==0&&n.push({drawingId:u.drawingId,key:"positionV",value:{relativeFrom:h.docTransform.positionV.relativeFrom,posOffset:h.docTransform.positionV.posOffset+M}}),E!==0&&n.push({drawingId:u.drawingId,key:"positionH",value:{relativeFrom:h.docTransform.positionH.relativeFrom,posOffset:h.docTransform.positionH.posOffset+E}})}}n.length>0&&t&&r&&this._commandService.executeCommand(Pe.id,{unitId:t,subUnitId:r,drawings:n})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const n=this._transformerCache.values().next().value,t=e.values().next().value;this._getDrawingAnchor(n.drawing,t)}_updateInlineDrawingAnchor(e,n,t){var a;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(a=this._getInlineDrawingAnchor(e,n,t))!=null?a:{};r!=null&&this._createOrUpdateInlineAnchor(e.unitId,r)}_getInlineDrawingAnchor(e,n,t){var j,z;const r=this._renderManagerService.getRenderById(e.unitId),a=r==null?void 0:r.with(B.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:s,scene:d}=r,l=s,c=d.getViewports()[0],{pageLayoutType:m=F.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:u}=l.getOffsetConfig();let v=null,h=!1,w=-1,I="";const D=.5,O=this._getTransformCoordForDocumentOffset(l,c,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=a==null?void 0:a.findNodeByCoord(O,m,p,u,{strict:!1,segmentId:T.getSegment(),segmentPage:T.getSegmentPage()});if(y){const{node:_,ratioX:C,segmentPage:x,segmentId:b}=y;h=C<D,v=_,w=x,I=b}if(v==null)return;const P=a==null?void 0:a.findPositionByGlyph(v,w),M=this._getDocObject();if(P==null\|\|a==null\|\|M==null\|\|an(P))return;const E={...P,isBack:h},k=M.document.getOffsetConfig(),N=new X.NodePositionConvertToCursor(k,a),{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,pe,re,oe,_e;const t=this._renderManagerService.getRenderById(e.unitId),r=t==null?void 0:t.with(B.DocSkeletonManagerService).getSkeleton(),a=r==null?void 0:r.getSkeletonData();if(a==null\|\|t==null)return;const{pages:s,skeHeaders:d,skeFooters:l}=a,{mainComponent:c,scene:m}=t,p=c,u=m.getViewports()[0],{pageLayoutType:v=F.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:w,docsLeft:I,docsTop:D}=p.getOffsetConfig(),{left:O,top:T,angle:y}=n;let{width:P,height:M}=n;const{positionV:E,positionH:k}=e.docTransform,{width:N,height:S}=this._getPageContentSize(e);P=Math.min(P,N),M=Math.min(M,S);let L=null,$="",j=-1;const z=!1,_={...e.docTransform,size:{width:P,height:M},angle:y},{x:C,y:x}=m.getViewportScrollXY(u),b=this._getTransformCoordForDocumentOffset(p,u,O-C,T-x);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=r==null?void 0:r.findNodeByCoord(b,v,h,w,{strict:!1,segmentId:U.getSegment(),segmentPage:U.getSegmentPage()});if(H){const{node:de,segmentPage:Ge,segmentId:We}=H;L=de,j=Ge,$=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],V=(ue=A==null?void 0:A.parent)==null?void 0:ue.parent;if(R==null\|\|A==null\|\|K==null\|\|V==null)return;this._liquid.reset();const Z=V.type;for(const de of s){const{headerId:Ge,footerId:We,pageHeight:On,pageWidth:tn,marginLeft:rn,marginBottom:yn}=de,bn=s.indexOf(de);if(j>-1&&bn===j){switch(Z){case F.DocumentSkeletonPageType.HEADER:{const be=(fe=d.get(Ge))==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:On-yn+be.marginTop,marginLeft:rn});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(de),de===V)break;this._liquid.restorePagePadding(de),this._liquid.translatePage(de,v,h,w)}switch(E.relativeFrom===o.ObjectRelativeFromV.LINE?L=R.divides[0].glyphGroup[0]:L=(oe=(re=(pe=(Se=K.divides)==null?void 0:Se[0])==null?void 0:pe.glyphGroup)==null?void 0:re[0])!=null?oe:L,_.positionH={relativeFrom:k.relativeFrom,posOffset:O-this._liquid.x-I},k.relativeFrom){case o.ObjectRelativeFromH.MARGIN:{_.positionH.posOffset=O-this._liquid.x-I-V.marginLeft;break}case o.ObjectRelativeFromH.COLUMN:{_.positionH.posOffset=O-this._liquid.x-I-A.left;break}}switch(_.positionV={relativeFrom:E.relativeFrom,posOffset:T-this._liquid.y-D},E.relativeFrom){case o.ObjectRelativeFromV.PAGE:{_.positionV.posOffset=T-this._liquid.y-D-V.marginTop;break}case o.ObjectRelativeFromV.LINE:{_.positionV.posOffset=T-this._liquid.y-D-R.top;break}case o.ObjectRelativeFromV.PARAGRAPH:{_.positionV.posOffset=T-this._liquid.y-D-K.top;break}}if(L==null)return;const ne=r==null?void 0:r.findPositionByGlyph(L,j),Ce=this._getDocObject();if(ne==null\|\|r==null\|\|Ce==null\|\|an(ne))return;const Ie={...ne,isBack:z},ye=Ce.document.getOffsetConfig(),te=new X.NodePositionConvertToCursor(ye,r),{cursorList:Q}=te.getRangePointData(Ie,Ie),{startOffset:ee}=(_e=X.getOneTextSelectionRange(Q))!=null?_e:{};if(ee!=null)return{offset:ee,docTransform:_,segmentId:$,segmentPage:j}}_updateDrawingSize(e,n){const t=[],{drawing:r,width:a,height:s,angle:d}=e,{unitId:l,subUnitId:c}=r;let{width:m,height:p,angle:u}=n;const{width:v,height:h}=this._getPageContentSize(r);m=Math.min(v,m),p=Math.min(h,p),(m!==a\|\|p!==s)&&t.push({drawingId:r.drawingId,key:"size",value:{width:m,height:p}}),u!==d&&t.push({drawingId:r.drawingId,key:"angle",value:u}),t.length>0&&l&&c&&this._commandService.executeCommand(Pe.id,{unitId:l,subUnitId:c,drawings:t})}_moveInlineDrawing(e,n,t){const r=this._getInlineDrawingAnchor(e,n,t),{offset:a,segmentId:s,segmentPage:d}=r!=null?r:{};return this._commandService.executeCommand(un.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,segmentId:s,segmentPage:d,needRefreshDrawings:a==null})}_limitDrawingInPage(e,n){const t=this._renderManagerService.getRenderById(e.unitId),{left:r,top:a,width:s,height:d,angle:l}=n,c=t==null?void 0:t.with(B.DocSkeletonManagerService).getSkeleton(),m=c==null?void 0:c.getSkeletonData(),{pages:p}=m!=null?m:{};if(m==null\|\|t==null\|\|p==null)return{left:r,top:a,width:s,height:d,angle:l};const{mainComponent:u}=t,v=u,{top:h,pageLayoutType:w,pageMarginLeft:I,pageMarginTop:D}=v;let O=a;this._liquid.reset();for(const T of p){const{marginBottom:y,pageHeight:P}=T,M=p.indexOf(T),E=p[M+1];if(E==null)continue;if(o.Tools.hasIntersectionBetweenTwoRanges(a,a+d,this._liquid.y+h+P-y,this._liquid.y+h+P+D+E.marginTop)){const N=a+d/2,S=this._liquid.y+h+P+D/2;N<S?O=Math.min(a,this._liquid.y+h+P-y-d):O=Math.max(a,this._liquid.y+h+P+D+E.marginTop)}this._liquid.translatePage(T,w,I,D)}return{left:r,top:O,width:s,height:d,angle:l}}_nonInlineDrawingTransform(e,n,t=!1){const r=e.isMultiTransform===o.BooleanNumber.TRUE?n:this._limitDrawingInPage(e,n);if(t&&r.top!==n.top)return;const a=this._getDrawingAnchor(e,r),{offset:s,docTransform:d,segmentId:l,segmentPage:c}=a!=null?a:{};return s==null\|\|d==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,n]])):this._commandService.executeCommand(fn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,docTransform:d,segmentId:l,segmentPage:c})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const n=this._renderManagerService.getRenderById(e),t=n==null?void 0:n.scene;if(t==null)return;const r=t.getTransformerByCreate();return{scene:t,transformer:r}}_getTransformCoordForDocumentOffset(e,n,t,r){const{documentTransform:a}=e.getOffsetConfig(),s=n.transformVector2SceneCoord(F.Vector2.FromArray([t,r]));if(s)return a.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(e,n){const t=this._renderManagerService.getRenderById(e);if(t==null)return;const{mainComponent:r,scene:a}=t,s=r,{docsLeft:d,docsTop:l}=s.getOffsetConfig(),c=X.getAnchorBounding(n),{left:m,top:p,height:u}=c,v=m+d,h=p+l;if(this._anchorShape){this._anchorShape.transformByState({left:v,top:h,height:u}),this._anchorShape.show();return}const w=6,I=new F.Rect(kn+o.Tools.generateRandomId(w),{left:v,top:h,height:u,strokeWidth:2,stroke:F.getColor(o.COLORS.darkGray,1),evented:!1});this._anchorShape=I,a.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(),r=500,a=500,s=t==null?void 0:t.getSkeletonData();if(s==null\|\|n==null)return{width:r,height:a};const{pages:d}=s;let l=null;for(const c of d){const{skeDrawings:m}=c;if(m.has(e.drawingId)){l=c;break}}if(l){const{pageWidth:c,pageHeight:m,marginLeft:p,marginBottom:u,marginRight:v,marginTop:h}=l;return{width:Math.max(r,c-p-v),height:Math.max(a,m-h-u)}}else return{width:r,height:a}}};Ue=Bn([Ne(0,o.ICommandService),Ne(1,o.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 r in e)Object.prototype.hasOwnProperty.call(e,r)&&(i[r]=e[r])}return i},ce.apply(this,arguments)},Hn=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 r=0,t=Object.getOwnPropertySymbols(i);r<t.length;r++)e.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(i,t[r])&&(n[t[r]]=i[t[r]]);return n},pn=Y.forwardRef(function(i,e){var n=i.icon,t=i.id,r=i.className,a=i.extend,s=Hn(i,["icon","id","className","extend"]),d="univerjs-icon univerjs-icon-".concat(t," ").concat(r\|\|"").trim(),l=Y.useRef("_".concat(Wn()));return hn(n,"".concat(t),{defIds:n.defIds,idSuffix:l.current},ce({ref:e,className:d},s),a)});function hn(i,e,n,t,r){return Y.createElement(i.tag,ce(ce({key:e},Vn(i,n,r)),t),(Gn(i,n).children\|\|[]).map(function(a,s){return hn(a,"".concat(e,"-").concat(i.tag,"-").concat(s),n,void 0,r)}))}function Vn(i,e,n){var t=ce({},i.attrs);n!=null&&n.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=n.colorChannel1);var r=e.defIds;return!r\|\|r.length===0\|\|(i.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+e.idSuffix),Object.entries(t).forEach(function(a){var s=a[0],d=a[1];typeof d=="string"&&(t[s]=d.replace(/url$#(.)$/,"url(#$1".concat(e.idSuffix,")")))})),t}function Gn(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(r){return typeof r.attrs.id=="string"&&t&&t.indexOf(r.attrs.id)>-1?ce(ce({},r),{attrs:ce(ce({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):i}function Wn(){return Math.random().toString(36).substring(2,8)}pn.displayName="UniverIcon";var Xn={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},vn=Y.forwardRef(function(i,e){return Y.createElement(pn,Object.assign({},i,{id:"add-image-single",ref:e,icon:Xn}))});vn.displayName="AddImageSingle";const Ve={id:"doc.command.remove-doc-image",type:o.CommandType.COMMAND,handler:(i,e)=>{var P,M,E,k;const n=i.get(o.ICommandService),t=i.get(o.IUniverInstanceService),r=i.get(F.IRenderManagerService),a=t.getCurrentUniverDocInstance();if(e==null\|\|a==null)return!1;const s=r.getRenderById(e.unitId).with(X.DocSelectionRenderService),{drawings:d}=e,l=(P=s.getSegment())!=null?P:"",c=new o.TextX,m=o.JSONX.getInstance(),p=(E=(M=a.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:M.customBlocks)!=null?E:[],u=d.map(N=>p.find(S=>S.blockId===N.drawingId)).filter(N=>!!N).sort((N,S)=>N.startIndex>S.startIndex?1:-1),v=d[0].unitId,h=new o.MemoryCursor;h.reset();const w=u[0].startIndex,I=[{startOffset:w,endOffset:w}],D={id:B.RichTextEditingMutation.id,params:{unitId:v,actions:[],textRanges:I}},O=[];for(const N of u){const{startIndex:S}=N;S>h.cursor&&c.push({t:o.TextXActionType.RETAIN,len:S-h.cursor}),c.push({t:o.TextXActionType.DELETE,len:1}),h.moveCursorTo(S+1)}const T=X.getRichTextEditPath(a,l);O.push(m.editOp(c.serialize(),T));for(const N of u){const{blockId:S}=N,L=((k=a.getDrawings())!=null?k:{})[S],j=a.getDrawingsOrder().indexOf(S),z=m.removeOp(["drawings",S],L),_=m.removeOp(["drawingsOrder",j],S);O.push(z),O.push(_)}return D.params.actions=O.reduce((N,S)=>o.JSONX.compose(N,S),null),!!n.syncExecuteCommand(D.id,D.params)}},ze={id:"doc.command.delete-drawing",type:o.CommandType.COMMAND,handler:i=>{const e=i.get(o.ICommandService),t=i.get(ve.IDocDrawingService).getFocusDrawings();if(t.length===0)return!1;const{unitId:r}=t[0],a=t.map(s=>{const{unitId:d,subUnitId:l,drawingId:c,drawingType:m}=s;return{unitId:d,subUnitId:l,drawingId:c,drawingType:m}});return e.executeCommand(Ve.id,{unitId:r,drawings:a})}},qe={id:"doc.command.group-doc-image",type:o.CommandType.COMMAND,handler:(i,e)=>{i.get(o.ICommandService),i.get(o.IUndoRedoService);const n=i.get(ve.IDocDrawingService);if(!e)return!1;const t=[];return e.forEach(({parent:r,children:a})=>{t.push(r.unitId),a.forEach(s=>{t.push(s.unitId)})}),n.getGroupDrawingOp(e),!1}},Ke={id:"doc.command.insert-doc-image",type:o.CommandType.COMMAND,handler:(i,e)=>{var M,E,k,N;if(e==null)return!1;const n=i.get(o.ICommandService),t=i.get(B.DocSelectionManagerService),r=i.get(o.IUniverInstanceService),a=t.getActiveTextRange(),s=r.getCurrentUniverDocInstance();if(a==null\|\|s==null)return!1;const d=s.getUnitId(),{drawings:l}=e,{collapsed:c,startOffset:m,segmentId:p}=a,u=s.getSelfOrHeaderFooterModel(p).getBody();if(u==null)return!1;const v=new o.TextX,h=o.JSONX.getInstance(),w=[],I=(E=(M=s.getSnapshot().drawingsOrder)==null?void 0:M.length)!=null?E:0;let D=0;if(c)m>0&&v.push({t:o.TextXActionType.RETAIN,len:m});else{const S=o.BuildTextUtils.selection.delete([a],u,0,null,!1);v.push(...S);const L=X.getCustomBlockIdsInSelections(u,[a]),$=(k=s.getDrawings())!=null?k:{},j=(N=s.getDrawingsOrder())!=null?N:[],z=L.sort((_,C)=>j.indexOf(_)>j.indexOf(C)?-1:j.indexOf(_)<j.indexOf(C)?1:0);if(z.length>0)for(const _ of z){const C=$[_],x=j.indexOf(_);if(C==null\|\|x<0)continue;const b=h.removeOp(["drawings",_],C),U=h.removeOp(["drawingsOrder",x],_);w.push(b),w.push(U),D++}}v.push({t:o.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(s,p),T=h.editOp(v.serialize(),O);w.push(T);for(const S of l){const{drawingId:L}=S,$=h.insertOp(["drawings",L],S),j=h.insertOp(["drawingsOrder",I-D],L);w.push($),w.push(j)}const y={id:B.RichTextEditingMutation.id,params:{unitId:d,actions:[],textRanges:[]}};return y.params.actions=w.reduce((S,L)=>o.JSONX.compose(S,L),null),!!n.syncExecuteCommand(y.id,y.params)}},Je={id:"doc.command.set-drawing-arrange",type:o.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(o.ICommandService),t=i.get(ve.IDocDrawingService);if(e==null)return!1;const{unitId:r,subUnitId:a,drawingIds:s,arrangeType:d}=e,l={unitId:r,subUnitId:a,drawingIds:s};let c;if(d===o.ArrangeTypeEnum.forward?c=t.getForwardDrawingsOp(l):d===o.ArrangeTypeEnum.backward?c=t.getBackwardDrawingOp(l):d===o.ArrangeTypeEnum.front?c=t.getFrontDrawingsOp(l):d===o.ArrangeTypeEnum.back&&(c=t.getBackDrawingsOp(l)),c==null)return!1;const{redo:m}=c;if(m==null)return!1;const p=[];let u=o.Tools.deepClone(m);u=u.slice(3),u.unshift("drawingsOrder"),p.push(u);const v={id:B.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return v.params.actions=p.reduce((w,I)=>o.JSONX.compose(w,I),null),!!n.syncExecuteCommand(v.id,v.params)}},Ye={id:"doc.command.ungroup-doc-image",type:o.CommandType.COMMAND,handler:(i,e)=>{i.get(o.ICommandService),i.get(o.IUndoRedoService);const n=i.get(ve.IDocDrawingService);if(!e)return!1;const t=[];return e.forEach(({parent:r,children:a})=>{t.push(r.unitId),a.forEach(s=>{t.push(s.unitId)})}),n.getUngroupDrawingOp(e),!1}};var $n=Object.defineProperty,zn=Object.getOwnPropertyDescriptor,qn=(i,e,n,t)=>{for(var r=t>1?void 0:t?zn(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&$n(e,n,r),r},ae=(i,e)=>(n,t)=>e(n,t,i);let Fe=class extends o.Disposable{constructor(i,e,n,t,r,a,s,d,l,c,m,p,u){super(),this._context=i,this._commandService=e,this._docSelectionManagerService=n,this._renderManagerSrv=t,this._imageIoService=r,this._docDrawingService=a,this._drawingManagerService=s,this._contextService=d,this._messageService=l,this._localeService=c,this._docSelectionRenderService=m,this._docRefreshDrawingsService=p,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(r=>this._imageIoService.saveImage(r)))}catch(r){const a=r.message;let s="";switch(a){case W.ImageUploadStatusType.ERROR_EXCEED_SIZE:s=this._localeService.t("update-status.exceedMaxSize",String(W.DRAWING_IMAGE_ALLOW_SIZE/(10241024)));break;case W.ImageUploadStatusType.ERROR_IMAGE_TYPE:s=this._localeService.t("update-status.invalidImageType");break;case W.ImageUploadStatusType.ERROR_IMAGE:s=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:J.MessageType.Error,content:s})}if(e.length===0)return;const{unitId:n}=this._context,t=[];for(const r of e){if(r==null)continue;const{imageId:a,imageSourceType:s,source:d,base64Cache:l}=r,{width:c,height:m,image:p}=await W.getImageSize(l\|\|"");this._imageIoService.addImageSourceCache(a,s,p);let u=1;if(c>W.DRAWING_IMAGE_WIDTH_LIMIT\|\|m>W.DRAWING_IMAGE_HEIGHT_LIMIT){const I=W.DRAWING_IMAGE_WIDTH_LIMIT/c,D=W.DRAWING_IMAGE_HEIGHT_LIMIT/m;u=Math.min(I,D)}const v=this._getImagePosition(cu,mu);if(v==null)return;const h={unitId:n,subUnitId:n,drawingId:a,drawingType:o.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:d,transform:X.docDrawingPositionToTransform(v),docTransform:v,behindDoc:o.BooleanNumber.FALSE,title:"",description:"",layoutType:o.PositionedObjectLayoutType.INLINE,wrapText:o.WrapTextType.BOTH_SIDES,distB:0,distL:0,distR:0,distT:0};this._isInsertInHeaderFooter()&&(h.isMultiTransform=o.BooleanNumber.TRUE,h.transforms=h.transform?[h.transform]:null),t.push(h)}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,top:0};return{size:{width:i,height:e},positionH:{relativeFrom:o.ObjectRelativeFromH.PAGE,posOffset:t.left},positionV:{relativeFrom:o.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(i=>{const{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r}=i;this._commandService.executeCommand(Je.id,{unitId:e,subUnitId:n,drawingIds:t,arrangeType:r})})}_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:r}=e.getOffsetConfig();return{scene:i,transformer:n,docsLeft:t,docsTop:r}}_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 r;const{transformer:e,docsLeft:n,docsTop:t}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(i==null\|\|i.length===0)this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),e&&e.resetProps({zeroTop:0,zeroLeft:0});else{this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!0),this._docDrawingService.focusDrawing(i),this._setDrawingSelections(i);const a=this._docSelectionRenderService.getSegment(),s=this._findSegmentIdByDrawingId(i[0].drawingId);a!==s&&this._docSelectionRenderService.setSegment(s),e&&e.resetProps({zeroTop:t,zeroLeft:n})}}))}_findSegmentIdByDrawingId(i){var s,d,l;const{unit:e}=this._context,{body:n,headers:t={},footers:r={}}=e.getSnapshot();if(((s=n==null?void 0:n.customBlocks)!=null?s:[]).some(c=>c.blockId===i))return"";for(const c of Object.keys(t))if((d=t[c].body.customBlocks)!=null&&d.some(m=>m.blockId===i))return c;for(const c of Object.keys(r))if((l=r[c].body.customBlocks)!=null&&l.some(m=>m.blockId===i))return c;return""}_updateDrawingsEditStatus(){var d;const{unit:i,scene:e,unitId:n}=this._context,t=(d=this._renderManagerSrv.getRenderById(n))==null?void 0:d.with(B.DocSkeletonManagerService).getViewModel();if(t==null\|\|i==null)return;const r=i.getSnapshot(),{drawings:a={}}=r,s=t.getEditArea()===F.DocumentEditArea.BODY;for(const l of Object.keys(a)){const c=a[l],m=W.getDrawingShapeKeyByDrawingSearch({unitId:n,drawingId:c.drawingId,subUnitId:n}),p=e.fuzzyMathObjects(m,!0);if(p.length)for(const u of p)e.detachTransformerFrom(u),u.setOpacity(.5),(s&&c.isMultiTransform!==o.BooleanNumber.TRUE\|\|!s&&c.isMultiTransform===o.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 r,a;const{unit:e}=this._context,n=(a=(r=e.getSnapshot().body)==null?void 0:r.customBlocks)!=null?a:[],t=i.map(s=>{const d=s.drawingId,l=n.find(c=>c.blockId===d);return l?l.startIndex:null}).filter(s=>s!==null).map(s=>({startOffset:s,endOffset:s+1}));this._docSelectionManagerService.replaceDocRanges(t)}};Fe=qn([ae(1,o.ICommandService),ae(2,o.Inject(B.DocSelectionManagerService)),ae(3,F.IRenderManagerService),ae(4,W.IImageIoService),ae(5,ve.IDocDrawingService),ae(6,W.IDrawingManagerService),ae(7,o.IContextService),ae(8,G.IMessageService),ae(9,o.Inject(o.LocaleService)),ae(10,o.Inject(X.DocSelectionRenderService)),ae(11,o.Inject(He)),ae(12,G.ILocalFileService)],Fe);const Ze={id:"doc.command.insert-float-image",type:o.CommandType.COMMAND,handler:i=>{var n,t;return(t=(n=i.get(F.IRenderManagerService).getCurrentTypeOfRenderer(o.UniverInstanceType.UNIVER_DOC))==null?void 0:n.with(Fe).insertDocImage())!=null?t:!1}},Oe={id:"doc.command.move-drawing",type:o.CommandType.COMMAND,handler:(i,e)=>{const n=i.get(o.ICommandService),t=i.get(ve.IDocDrawingService),r=i.get(o.IUniverInstanceService),a=i.get(F.IRenderManagerService),{direction:s}=e,d=t.getFocusDrawings();if(d.length===0)return!1;const l=d[0].unitId,c=a.getRenderById(l),m=c==null?void 0:c.scene;if(m==null)return!1;const p=m.getTransformerByCreate(),u=r.getUniverDocInstance(l),v=d.map(w=>{var M,E,k,N,S;const{drawingId:I}=w,D=(M=u==null?void 0:u.getSnapshot().drawings)==null?void 0:M[I];if(D==null\|\|D.layoutType===o.PositionedObjectLayoutType.INLINE)return null;const{positionH:O,positionV:T}=D.docTransform,y={...O},P={...T};return s===o.Direction.UP?P.posOffset=((E=P.posOffset)!=null?E:0)-2:s===o.Direction.DOWN?P.posOffset=((k=P.posOffset)!=null?k:0)+2:s===o.Direction.LEFT?y.posOffset=((N=y.posOffset)!=null?N:0)-2:s===o.Direction.RIGHT&&(y.posOffset=((S=y.posOffset)!=null?S:0)+2),{drawingId:I,key:s===o.Direction.UP\|\|s===o.Direction.DOWN?"positionV":"positionH",value:s===o.Direction.UP\|\|s===o.Direction.DOWN?P:y}}).filter(w=>w!=null);if(v.length===0)return!1;const h=n.syncExecuteCommand(Pe.id,{unitId:l,subUnitId:l,drawings:v});return p.refreshControls(),!!h}},In={id:"doc.operation.clear-drawing-transformer",type:o.CommandType.MUTATION,handler:(i,e)=>{const n=i.get(F.IRenderManagerService);return e.forEach(t=>{var r,a;(a=(r=n.getRenderById(t))==null?void 0:r.scene.getTransformer())==null\|\|a.debounceRefreshControls()}),!0}},wn="COMPONENT_DOC_DRAWING_PANEL",Qe={id:"sidebar.operation.doc-image",type:o.CommandType.COMMAND,handler:async(i,e)=>{const n=i.get(G.ISidebarService),t=i.get(o.LocaleService),r=i.get(W.IDrawingManagerService);switch(e.value){case"open":n.open({header:{title:t.t("docImage.panel.title")},children:{label:wn},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:n.close();break}return!0}},en={id:"doc.operation.edit-doc-image",type:o.CommandType.OPERATION,handler:(i,e)=>{const n=i.get(W.IDrawingManagerService),t=i.get(o.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 r=i.length;for(e=0;e<r;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="",r=arguments.length;n<r;n++)(i=arguments[n])&&(e=Sn(i))&&(t&&(t+=" "),t+=e);return t}const Kn="univer-image-common-panel",Jn="univer-image-common-panel-grid",Yn="univer-image-common-panel-border",Zn="univer-image-common-panel-title",Qn="univer-image-common-panel-subtitle",et="univer-image-common-panel-row",nt="univer-image-common-panel-row-vertical",tt="univer-image-common-panel-column",it="univer-image-common-panel-column-center",rt="univer-image-common-panel-inline",ot="univer-image-common-panel-span2",at="univer-image-common-panel-span3",st="univer-image-common-panel-input",ct="univer-sheet-image-menu",dt="univer-sheet-image-menu-input",f={imageCommonPanel:Kn,imageCommonPanelGrid:Jn,imageCommonPanelBorder:Yn,imageCommonPanelTitle:Zn,imageCommonPanelSubtitle:Qn,imageCommonPanelRow:et,imageCommonPanelRowVertical:nt,imageCommonPanelColumn:tt,imageCommonPanelColumnCenter:it,imageCommonPanelInline:rt,imageCommonPanelSpan2:ot,imageCommonPanelSpan3:at,imageCommonPanelInput:st,sheetImageMenu:ct,sheetImageMenuInput:dt},sn=-1e3,cn=1e3,lt=i=>{const e=G.useDependency(o.ICommandService),n=G.useDependency(o.LocaleService),t=G.useDependency(W.IDrawingManagerService),r=G.useDependency(F.IRenderManagerService),a=G.useDependency(o.IUniverInstanceService),{drawings:s}=i,d=s[0];if(d==null)return;const{unitId:l}=d,c=a.getUniverDocInstance(l),m=c==null?void 0:c.getSnapshot().documentStyle.documentFlavor,p=r.getRenderById(l),u=p==null?void 0:p.scene;if(u==null)return;const v=u.getTransformerByCreate(),h=[{label:n.t("image-position.column"),value:String(o.ObjectRelativeFromH.COLUMN)},{label:n.t("image-position.page"),value:String(o.ObjectRelativeFromH.PAGE)},{label:n.t("image-position.margin"),value:String(o.ObjectRelativeFromH.MARGIN)}],w=[{label:n.t("image-position.line"),value:String(o.ObjectRelativeFromV.LINE),disabled:m===o.DocumentFlavor.MODERN},{label:n.t("image-position.page"),value:String(o.ObjectRelativeFromV.PAGE),disabled:m===o.DocumentFlavor.MODERN},{label:n.t("image-position.margin"),value:String(o.ObjectRelativeFromV.MARGIN),disabled:m===o.DocumentFlavor.MODERN},{label:n.t("image-position.paragraph"),value:String(o.ObjectRelativeFromV.PARAGRAPH)}],[I,D]=Y.useState(!0),[O,T]=Y.useState({relativeFrom:o.ObjectRelativeFromH.PAGE,posOffset:0}),[y,P]=Y.useState({relativeFrom:o.ObjectRelativeFromV.PAGE,posOffset:0}),[M,E]=Y.useState(!0),[k,N]=Y.useState(!0);function S(C,x){var R;C==="positionH"?T(x):P(x);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(Pe.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:U.map(A=>({drawingId:A.drawingId,key:C,value:x}))});const H=(R=r.getRenderById(l))==null?void 0:R.with(X.DocSelectionRenderService);H&&H.blur(),v.refreshControls()}function L(C){var ee,le,ge;const x=O.relativeFrom,b=O.posOffset,U=Number(C);if(x===U)return;const H=t.getFocusDrawings();if(H.length===0)return;const R=H[0].drawingId,A=H[0].unitId;let K=null,V=0;const Z=(ee=r.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:pe}=ie;if(fe.has(R)){K=fe.get(R),V=ue;break}const re=(le=Ie.get(we))==null?void 0:le.get(pe);if(re!=null&&re.skeDrawings.has(R)){K=re==null?void 0:re.skeDrawings.get(R),V=ue;break}const oe=(ge=ye.get(Se))==null?void 0:ge.get(pe);if(oe!=null&&oe.skeDrawings.has(R)){K=oe==null?void 0:oe.skeDrawings.get(R),V=ue;break}}if(K==null)return;let te=0;x===o.ObjectRelativeFromH.COLUMN?te-=K.columnLeft:x===o.ObjectRelativeFromH.MARGIN&&(te-=V),U===o.ObjectRelativeFromH.COLUMN?te+=K.columnLeft:U===o.ObjectRelativeFromH.MARGIN?te+=V:o.ObjectRelativeFromH.PAGE;const Q={relativeFrom:U,posOffset:(b!=null?b:0)-te};S("positionH",Q)}function $(C){var fe,we,Se,pe,re,oe;const x=y.relativeFrom,b=y.posOffset,U=Number(C);if(x===U)return;const H=t.getFocusDrawings();if(H.length===0)return;const{drawingId:R,unitId:A}=H[0],K=a.getUniverDocInstance(A),V=(fe=r.getRenderById(A))==null?void 0:fe.with(B.DocSkeletonManagerService).getSkeleton(),Z=(we=r.getRenderById(A))==null?void 0:we.with(X.DocSelectionRenderService),ne=Z==null?void 0:Z.getSegment(),Ce=Z==null?void 0:Z.getSegmentPage(),Ie=(pe=(Se=K==null?void 0:K.getSelfOrHeaderFooterModel(ne).getBody())==null?void 0:Se.customBlocks)==null?void 0:pe.find(_e=>_e.blockId===R);if(Ie==null\|\|V==null\|\|Z==null)return;const{startIndex:ye}=Ie,te=V.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(_e=>_e.paragraphIndex===(Q==null?void 0:Q.paragraphIndex)&&_e.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;x===o.ObjectRelativeFromV.PARAGRAPH?ie-=le.top:x===o.ObjectRelativeFromV.LINE?ie-=Q.top:x===o.ObjectRelativeFromV.PAGE&&(ie+=ge.marginTop),U===o.ObjectRelativeFromV.PARAGRAPH?ie+=le.top:U===o.ObjectRelativeFromV.LINE?ie+=Q.top:U===o.ObjectRelativeFromV.PAGE&&(ie-=ge.marginTop);const ue={relativeFrom:U,posOffset:(b!=null?b:0)-ie};S("positionV",ue)}function j(C){var A;const x=c==null?void 0:c.getSnapshot(),b=(A=x==null?void 0:x.drawings)==null?void 0:A[C.drawingId];if(b==null)return;const{layoutType:U}=b,{positionH:H,positionV:R}=b.docTransform;T(H),P(R),D(U===o.PositionedObjectLayoutType.INLINE),E(R.relativeFrom===o.ObjectRelativeFromV.PARAGRAPH\|\|R.relativeFrom===o.ObjectRelativeFromV.LINE)}function z(){const C=t.getFocusDrawings();C.length!==0&&j(C[0])}function _(C){E(C),$(String(C?o.ObjectRelativeFromV.PARAGRAPH:o.ObjectRelativeFromV.PAGE))}return Y.useEffect(()=>{z();const C=t.focus$.subscribe(b=>{if(b.length===0){N(!1);return}N(!0),j(b[0])}),x=e.onCommandExecuted(async b=>{b.id===B.RichTextEditingMutation.id&&z()});return()=>{C.unsubscribe(),x.dispose()}},[]),g.jsxs("div",{className:q(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:k?"block":"none"},children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-position.title")})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.horizontal")})})}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:sn,max:cn,precision:1,disabled:I,value:O.posOffset,onChange:C=>{S("positionH",{relativeFrom:O.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.toTheRightOf")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(J.Select,{value:String(O.relativeFrom),disabled:I,options:h,onChange:L})})})]})})]}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.vertical")})})}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.absolutePosition")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:sn,max:cn,precision:1,disabled:I,value:y.posOffset,onChange:C=>{S("positionV",{relativeFrom:y.relativeFrom,posOffset:C})},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-position.bellow")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(J.Select,{disabled:I,value:String(y.relativeFrom),options:w,onChange:$})})})]})})]}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-position.options")})})}),g.jsx("div",{className:f.imageCommonPanelRow,style:{marginBottom:"50px"},children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(J.Checkbox,{disabled:I,checked:M,onChange:_,children:n.t("image-position.moveObjectWithText")})})})]})},Ee=0,Ae=100,gt=i=>{const e=G.useDependency(o.ICommandService),n=G.useDependency(o.LocaleService),t=G.useDependency(W.IDrawingManagerService),r=G.useDependency(F.IRenderManagerService),a=G.useDependency(o.IUniverInstanceService),{drawings:s}=i,d=s[0];if(d==null)return null;const{unitId:l}=d,c=a.getUniverDocInstance(l),m=r.getRenderById(l);if((m==null?void 0:m.scene)==null)return null;const[u,v]=Y.useState(!0),[h,w]=Y.useState(!0),[I,D]=Y.useState(!0),[O,T]=Y.useState(se.INLINE),[y,P]=Y.useState(""),[M,E]=Y.useState({distT:0,distL:0,distB:0,distR:0}),[k,N]=Y.useState(!0);function S(_){T(_);const C=t.getFocusDrawings();if(C.length===0)return;const{unitId:x,subUnitId:b}=C[0],U=C.map(({unitId:H,subUnitId:R,drawingId:A})=>({unitId:H,subUnitId:R,drawingId:A}));e.executeCommand(ln.id,{unitId:x,subUnitId:b,drawings:U,wrappingStyle:_})}function L(_){P(_);const C=t.getFocusDrawings();if(C.length===0)return;const x=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:x,wrapText:_})}function $(_,C){if(_==null)return;const x={...M,[C]:_};E(x);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]:_}})}function j(){const _=t.getFocusDrawings();_.length!==0&&z(_[0])}function z(_){var Z,ne;const C=(ne=(Z=c==null?void 0:c.getSnapshot())==null?void 0:Z.drawings)==null?void 0:ne[_.drawingId];if(C==null)return;const{distT:x=0,distL:b=0,distB:U=0,distR:H=0,layoutType:R=o.PositionedObjectLayoutType.INLINE,behindDoc:A=o.BooleanNumber.FALSE,wrapText:K=o.WrapTextType.BOTH_SIDES}=C;if(E({distT:x,distL:b,distB:U,distR:H}),P(K),v(R!==o.PositionedObjectLayoutType.WRAP_SQUARE),R===o.PositionedObjectLayoutType.WRAP_NONE\|\|R===o.PositionedObjectLayoutType.INLINE?w(!0):w(!1),R===o.PositionedObjectLayoutType.WRAP_NONE\|\|R===o.PositionedObjectLayoutType.INLINE\|\|R===o.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?D(!0):D(!1),R===o.PositionedObjectLayoutType.WRAP_NONE)A===o.BooleanNumber.TRUE?T(se.BEHIND_TEXT):T(se.IN_FRONT_OF_TEXT);else switch(R){case o.PositionedObjectLayoutType.INLINE:T(se.INLINE);break;case o.PositionedObjectLayoutType.WRAP_SQUARE:T(se.WRAP_SQUARE);break;case o.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:T(se.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${R}`)}}return Y.useEffect(()=>{j();const _=t.focus$.subscribe(x=>{if(x.length===0){N(!1);return}N(!0),z(x[0])}),C=e.onCommandExecuted(async x=>{x.id===B.RichTextEditingMutation.id&&j()});return()=>{_.unsubscribe(),C.dispose()}},[]),g.jsxs("div",{className:q(f.imageCommonPanelGrid,f.imageCommonPanelBorder),style:{display:k?"block":"none"},children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelTitle),children:g.jsx("div",{children:n.t("image-text-wrap.title")})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrappingStyle")})})}),g.jsx("div",{className:q(f.imageCommonPanelRow),children:g.jsx("div",{className:q(f.imageCommonPanelColumn),children:g.jsxs(J.RadioGroup,{value:O,onChange:S,direction:"vertical",children:[g.jsx(J.Radio,{value:se.INLINE,children:n.t("image-text-wrap.inline")}),g.jsx(J.Radio,{value:se.WRAP_SQUARE,children:n.t("image-text-wrap.square")}),g.jsx(J.Radio,{value:se.WRAP_TOP_AND_BOTTOM,children:n.t("image-text-wrap.topAndBottom")}),g.jsx(J.Radio,{value:se.BEHIND_TEXT,children:n.t("image-text-wrap.behindText")}),g.jsx(J.Radio,{value:se.IN_FRONT_OF_TEXT,children:n.t("image-text-wrap.inFrontText")})]})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.wrapText")})})}),g.jsx("div",{className:q(f.imageCommonPanelRow),children:g.jsx("div",{className:q(f.imageCommonPanelColumn),children:g.jsxs(J.RadioGroup,{disabled:u,value:y,onChange:L,direction:"horizontal",children:[g.jsx(J.Radio,{value:o.WrapTextType.BOTH_SIDES,children:n.t("image-text-wrap.bothSide")}),g.jsx(J.Radio,{value:o.WrapTextType.LEFT,children:n.t("image-text-wrap.leftOnly")}),g.jsx(J.Radio,{value:o.WrapTextType.RIGHT,children:n.t("image-text-wrap.rightOnly")})]})})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSubtitle),children:g.jsx("div",{children:n.t("image-text-wrap.distanceFromText")})})}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.top")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:Ee,max:Ae,disabled:h,precision:1,value:M.distT,onChange:_=>{$(_,"distT")},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.left")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:Ee,max:Ae,disabled:I,precision:1,value:M.distL,onChange:_=>{$(_,"distL")},className:f.imageCommonPanelInput})})})]})})]}),g.jsxs("div",{className:f.imageCommonPanelRow,children:[g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.bottom")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:Ee,max:Ae,disabled:h,precision:1,value:M.distB,onChange:_=>{$(_,"distB")},className:f.imageCommonPanelInput})})})]})}),g.jsx("div",{className:q(f.imageCommonPanelColumn,f.imageCommonPanelSpan2),children:g.jsxs("label",{children:[g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:n.t("image-text-wrap.right")})}),g.jsx("div",{className:f.imageCommonPanelRow,children:g.jsx("div",{className:f.imageCommonPanelColumn,children:g.jsx(J.InputNumber,{min:Ee,max:Ae,disabled:I,precision:1,value:M.distR,onChange:_=>{$(_,"distR")},className:f.imageCommonPanelInput})})})]})})]})]})},mt=()=>{const i=G.useDependency(W.IDrawingManagerService),e=i.getFocusDrawings(),[n,t]=Y.useState(e);return Y.useEffect(()=>{const r=i.focus$.subscribe(a=>{t(a)});return()=>{r.unsubscribe()}},[]),!!(n!=null&&n.length)&&g.jsxs("div",{className:f.imageCommonPanel,children:[g.jsx(Te.DrawingCommonPanel,{drawings:n,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),g.jsx(gt,{drawings:n}),g.jsx(lt,{drawings:n})]})},_n="addition-and-subtraction-single",nn="doc.menu.image",Dn=Ze.id,ut=i=>{const e=i.get(B.DocSelectionManagerService),n=i.get(o.IUniverInstanceService);return new he.Observable(t=>{const r=e.textSelection$.subscribe(()=>{var s;const a=e.getActiveTextRange();if(a){const{segmentId:d,startOffset:l,endOffset:c}=a,m=n.getCurrentUniverDocInstance(),p=(s=m==null?void 0:m.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:s.tables;if(p&&p.length&&p.some(u=>{const{startIndex:v,endIndex:h}=u;return l>=v&&l<h\|\|c>=v&&c<h})){t.next(!0);return}}else{t.next(!0);return}t.next(!1)});return()=>r.unsubscribe()})};function ft(i){return{id:nn,type:G.MenuItemType.SUBITEMS,icon:_n,tooltip:"docImage.title",disabled$:ut(i),hidden$:G.getMenuHiddenObservable(i,o.UniverInstanceType.UNIVER_DOC)}}function pt(i){return{id:Dn,title:"docImage.upload.float",type:G.MenuItemType.BUTTON,hidden$:G.getMenuHiddenObservable(i,o.UniverInstanceType.UNIVER_DOC)}}const ht={[G.RibbonStartGroup.LAYOUT]:{[nn]:{order:0,menuItemFactory:ft,[Dn]:{order:0,menuItemFactory:pt}}}};function xe(i){return i.getContextValue(o.FOCUSING_UNIVER_EDITOR)&&i.getContextValue(o.FOCUSING_COMMON_DRAWINGS)}const vt={id:Oe.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:G.KeyCode.ARROW_DOWN,priority:100,preconditions:xe,staticParameters:{direction:o.Direction.DOWN}},It={id:Oe.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:G.KeyCode.ARROW_UP,priority:100,preconditions:xe,staticParameters:{direction:o.Direction.UP}},wt={id:Oe.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:G.KeyCode.ARROW_LEFT,priority:100,preconditions:xe,staticParameters:{direction:o.Direction.LEFT}},St={id:Oe.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:G.KeyCode.ARROW_RIGHT,priority:100,preconditions:xe,staticParameters:{direction:o.Direction.RIGHT}},_t={id:ze.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:xe,binding:G.KeyCode.DELETE,mac:G.KeyCode.BACKSPACE};var Dt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,Tt=(i,e,n,t)=>{for(var r=t>1?void 0:t?Ct(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&Dt(e,n,r),r},je=(i,e)=>(n,t)=>e(n,t,i);let Be=class extends o.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(_n,vn)),this.disposeWithMe(i.register(wn,mt))}_initMenus(){this._menuManagerService.mergeMenu(ht)}_initCommands(){[Ze,Ke,ln,gn,mn,Pe,un,fn,Ve,Qe,In,en,qe,Ye,Oe,ze,Je].forEach(i=>this.disposeWithMe(this._commandService.registerCommand(i)))}_initShortcuts(){[vt,It,wt,St,_t].forEach(i=>{this.disposeWithMe(this._shortcutService.registerShortcut(i))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Be=Tt([je(0,o.Inject(G.ComponentManager)),je(1,G.IMenuManagerService),je(2,o.ICommandService),je(3,G.IShortcutService)],Be);var Ot=Object.defineProperty,yt=Object.getOwnPropertyDescriptor,bt=(i,e,n,t)=>{for(var r=t>1?void 0:t?yt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&Ot(e,n,r),r},Re=(i,e)=>(n,t)=>e(n,t,i);let ke=class extends o.RxDisposable{constructor(e,n,t,r,a){super();me(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=n,this._renderManagerService=t,this._univerInstanceService=r,this._contextService=a,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_DOC).pipe(he.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(o.UniverInstanceType.UNIVER_DOC).pipe(he.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(o.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 a;const n=(a=this._renderManagerService.getRenderById(e))==null?void 0:a.scene;if(!n)return;const t=n.getTransformerByCreate();if(!t)return;const r=[];this.disposeWithMe(o.toDisposable(t.createControl$.subscribe(()=>{if(this._hasCropObject(n))return;const s=t.getSelectedObjectMap();if(r.forEach(I=>I.dispose()),r.length=0,s.size>1)return;const d=s.values().next().value;if(!d)return;const l=d.oKey,c=this._drawingManagerService.getDrawingOKey(l);if(!c)return;const{unitId:m,subUnitId:p,drawingId:u}=c,v=this._canvasPopManagerService.attachPopupToObject(d,{componentKey:Te.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(m,p,u)}},m);r.push(this.disposeWithMe(v)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===m&&I.subUnitId===p&&I.drawingId===u)&&this._drawingManagerService.focusDrawing([{unitId:m,subUnitId:p,drawingId:u}])}))),this.disposeWithMe(o.toDisposable(t.clearControl$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0,this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(o.toDisposable(t.changing$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0}))),this.disposeWithMe(o.toDisposable(t.changeStart$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0})))}_getImageMenuItems(e,n,t){return[{label:"image-popup.edit",index:0,commandId:en.id,commandParams:{unitId:e,subUnitId:n,drawingId:t},disable:!!o.SHEET_EDITOR_UNITS.includes(e)},{label:"image-popup.delete",index:1,commandId:Ve.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=bt([Re(0,W.IDrawingManagerService),Re(1,o.Inject(X.DocCanvasPopManagerService)),Re(2,F.IRenderManagerService),Re(3,o.IUniverInstanceService),Re(4,o.IContextService)],ke);var Mt=Object.defineProperty,Rt=Object.getOwnPropertyDescriptor,Pt=(i,e,n,t)=>{for(var r=t>1?void 0:t?Rt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&Mt(e,n,r),r},De=(i,e)=>(n,t)=>e(n,t,i);let $e=class extends o.Disposable{constructor(e,n,t,r,a,s,d,l){super();me(this,"_liquid",new F.Liquid);this._context=e,this._docSkeletonManagerService=n,this._commandService=t,this._editorService=r,this._drawingManagerService=a,this._docRefreshDrawingsService=s,this._univerInstanceService=d,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:r}=t,{unitId:a,mainComponent:s}=this._context;if(r!==a)return;const d=this._docSkeletonManagerService.getSkeleton();if(d==null)return;if(this._editorService.isEditor(a)&&a!==o.DOCS_ZEN_EDITOR_UNIT_ID_KEY){s==null\|\|s.makeDirty();return}this._refreshDrawing(d)}}))}_initResize(){this.disposeWithMe(o.fromEventSubject(this._context.engine.onTransformChange$).pipe(he.filter(e=>e.type===F.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:r}=this._context,a=t;if(!n)return;const{left:s,top:d,pageLayoutType:l,pageMarginLeft:c,pageMarginTop:m}=a,{pages:p,skeHeaders:u,skeFooters:v}=n,h={};this._liquid.reset();for(let y=0,P=p.length;y<P;y++){const M=p[y],{headerId:E,footerId:k,pageWidth:N}=M;if(E){const S=(O=u.get(E))==null?void 0:O.get(N);S&&this._calculateDrawingPosition(r,S,s,d,h,S.marginTop,M.marginLeft)}if(k){const S=(T=v.get(k))==null?void 0:T.get(N);S&&this._calculateDrawingPosition(r,S,s,d,h,M.pageHeight-M.marginBottom+S.marginTop,M.marginLeft)}this._calculateDrawingPosition(r,M,s,d,h,M.marginTop,M.marginLeft),this._liquid.translatePage(M,l,c,m)}const w=Object.values(h),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,r=n.getTransformerByCreate();e.forEach(l=>{const c=this._drawingManagerService.getDrawingByParam(l);c!=null&&(c.transform=l.transform,c.transforms=l.transforms,c.isMultiTransform=l.isMultiTransform)});const s=[...r.getSelectedObjectMap().keys()],d=Object.values(this._drawingManagerService.getDrawingData(t,t)).filter(l=>l.isMultiTransform===o.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(d),e.length>0&&this._drawingManagerService.addNotification(e);for(const l of s){const c=n.getObject(l);c&&r.setSelectedControl(c)}}_calculateDrawingPosition(e,n,t,r,a,s,d){const{skeDrawings:l}=n;this._liquid.translatePagePadding({marginTop:s,marginLeft:d}),l.forEach(c=>{const{aLeft:m,aTop:p,height:u,width:v,angle:h,drawingId:w,drawingOrigin:I}=c,D=I.layoutType===o.PositionedObjectLayoutType.WRAP_NONE&&I.behindDoc===o.BooleanNumber.TRUE,{isMultiTransform:O=o.BooleanNumber.FALSE}=I,T={left:m+t+this._liquid.x,top:p+r+this._liquid.y,width:v,height:u,angle:h};a[w]==null?a[w]={unitId:e,subUnitId:e,drawingId:w,behindText:D,transform:T,transforms:[T],isMultiTransform:O}:O===o.BooleanNumber.TRUE&&a[w].transforms.push(T)}),this._liquid.restorePagePadding({marginTop:s,marginLeft:d})}_drawingInitializeListener(){const e=()=>{const n=this._docSkeletonManagerService.getSkeleton();n!=null&&(this._refreshDrawing(n),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage===o.LifecycleStages.Steady?setTimeout(()=>{e()},1e3):this._lifecycleService.lifecycle$.pipe(he.filter(n=>n===o.LifecycleStages.Steady)).subscribe(e)}};$e=Pt([De(1,o.Inject(B.DocSkeletonManagerService)),De(2,o.ICommandService),De(3,X.IEditorService),De(4,W.IDrawingManagerService),De(5,o.Inject(He)),De(6,o.IUniverInstanceService),De(7,o.Inject(o.LifecycleService))],$e);var Cn=Object.defineProperty,xt=Object.getOwnPropertyDescriptor,Nt=(i,e,n)=>e in i?Cn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n,Et=(i,e,n,t)=>{for(var r=t>1?void 0:t?xt(e,n):e,a=i.length-1,s;a>=0;a--)(s=i[a])&&(r=(t?s(e,n,r):s(r))\|\|r);return t&&r&&Cn(e,n,r),r},Xe=(i,e)=>(n,t)=>e(n,t,i),Tn=(i,e,n)=>Nt(i,typeof e!="symbol"?e+"":e,n);const At="DOC_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends o.Plugin{constructor(e=on,n,t,r){super(),this._config=e,this._injector=n,this._renderManagerSrv=t,this._configService=r;const{...a}=o.merge({},on,this._config);this._configService.setConfig(Pn,a)}onStarting(){[[Be],[ke],[Ue],[Le],[He]].forEach(n=>this._injector.add(n))}onReady(){[[Fe],[$e]].forEach(e=>this._renderManagerSrv.registerRenderModule(o.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(Le),this._injector.get(Be),this._injector.get(Ue)}onRendered(){this._injector.get(ke)}};Tn(exports.UniverDocsDrawingUIPlugin,"type",o.UniverInstanceType.UNIVER_DOC);Tn(exports.UniverDocsDrawingUIPlugin,"pluginName",At);exports.UniverDocsDrawingUIPlugin=Et([o.DependentOn(Te.UniverDrawingUIPlugin,W.UniverDrawingPlugin,ve.UniverDocsDrawingPlugin,G.UniverUIPlugin),Xe(1,o.Inject(o.Injector)),Xe(2,F.IRenderManagerService),Xe(3,o.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=Ve;exports.SetDocDrawingArrangeCommand=Je;exports.SidebarDocDrawingOperation=Qe;exports.UngroupDocDrawingCommand=Ye;

package/lib/es/index.js CHANGED Viewed

@@ -1,12 +1,12 @@
 var Dt = Object.defineProperty;
 var Ot = (i, e, n) => e in i ? Dt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
 var Ce = (i, e, n) => Ot(i, typeof e != "symbol" ? e + "" : e, n);
-import { Disposable as Xe, UndoCommand as Pt, RedoCommand as Tt, IUniverInstanceService as Q, ICommandService as z, JSONX as q, PositionedObjectLayoutType as H, CommandType as K, BooleanNumber as oe, ObjectRelativeFromH as ne, ObjectRelativeFromV as V, Tools as be, TextX as vn, TextXActionType as Z, toDisposable as Le, throttle as On, COLORS as bt, MemoryCursor as yt, IUndoRedoService as Gn, BuildTextUtils as Mt, ArrangeTypeEnum as Ze, Inject as ve, LocaleService as ln, DrawingTypeEnum as Rt, WrapTextType as $e, FOCUSING_COMMON_DRAWINGS as tn, IContextService as Vn, UniverInstanceType as ye, Direction as fe, useDependency as we, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as Nt, RxDisposable as At, SHEET_EDITOR_UNITS as Et, LifecycleService as xt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Lt, fromEventSubject as Bt, LifecycleStages as Pn, DependentOn as Ut, Injector as Ft, Plugin as kt, merge as Ht, IConfigService as Wt } from "@univerjs/core";
+import { Disposable as Xe, UndoCommand as Pt, RedoCommand as Tt, IUniverInstanceService as Q, ICommandService as z, JSONX as q, PositionedObjectLayoutType as H, CommandType as K, BooleanNumber as oe, ObjectRelativeFromH as ne, ObjectRelativeFromV as V, Tools as be, TextX as vn, TextXActionType as Z, toDisposable as Le, throttle as On, COLORS as bt, MemoryCursor as yt, IUndoRedoService as Gn, BuildTextUtils as Mt, ArrangeTypeEnum as Ze, Inject as ve, LocaleService as ln, DrawingTypeEnum as Rt, WrapTextType as $e, FOCUSING_COMMON_DRAWINGS as tn, IContextService as Vn, UniverInstanceType as ye, Direction as fe, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as Nt, RxDisposable as At, SHEET_EDITOR_UNITS as Et, LifecycleService as xt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Lt, fromEventSubject as Bt, LifecycleStages as Pn, DependentOn as Ut, Injector as Ft, Plugin as kt, merge as Ht, IConfigService as Wt } from "@univerjs/core";
 import { IDocDrawingService as Be, UniverDocsDrawingPlugin as Gt } from "@univerjs/docs-drawing";
 import { IDrawingManagerService as Ie, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Vt, DRAWING_IMAGE_COUNT_LIMIT as Tn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as jt, getImageSize as $t, getDrawingShapeKeyByDrawingSearch as zt, IImageIoService as qt, DRAWING_IMAGE_WIDTH_LIMIT as bn, DRAWING_IMAGE_HEIGHT_LIMIT as yn, UniverDrawingPlugin as Xt } from "@univerjs/drawing";
 import { DrawingCommonPanel as Kt, ImageCropperObject as Yt, COMPONENT_IMAGE_POPUP_MENU as Zt, OpenImageCropOperation as Qt, ImageResetSizeOperation as Jt, UniverDrawingUIPlugin as ei } from "@univerjs/drawing-ui";
 import { IRenderManagerService as ee, DocumentEditArea as ke, Liquid as jn, PageLayoutType as Mn, DocumentSkeletonPageType as Rn, Vector2 as ni, Rect as ti, getColor as ii, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ri } from "@univerjs/engine-render";
-import { IMessageService as oi, ILocalFileService as si, ISidebarService as ai, MenuItemType as $n, getMenuHiddenObservable as zn, RibbonStartGroup as ci, KeyCode as He, ComponentManager as di, IMenuManagerService as li, IShortcutService as gi, UniverUIPlugin as mi } from "@univerjs/ui";
+import { IMessageService as oi, ILocalFileService as si, ISidebarService as ai, useDependency as we, MenuItemType as $n, getMenuHiddenObservable as zn, RibbonStartGroup as ci, KeyCode as He, ComponentManager as di, IMenuManagerService as li, IShortcutService as gi, UniverUIPlugin as mi } from "@univerjs/ui";
 import { RichTextEditingMutation as J, DocSkeletonManagerService as se, DocSelectionManagerService as In } from "@univerjs/docs";
 import { DocSelectionRenderService as Me, getRichTextEditPath as ze, NodePositionConvertToCursor as Nn, getOneTextSelectionRange as An, getAnchorBounding as ui, TEXT_RANGE_LAYER_INDEX as fi, getDocObject as hi, getCustomBlockIdsInSelections as pi, docDrawingPositionToTransform as wi, DocCanvasPopManagerService as vi, IEditorService as Ii, SetDocZoomRatioOperation as _i } from "@univerjs/docs-ui";
 import { BehaviorSubject as Si, debounceTime as qn, Observable as Ci, takeUntil as En, filter as xn } from "rxjs";

package/lib/types/controllers/config.schema.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright 2023-present DreamNum Inc.
+ * Copyright 2023-present DreamNum Co., Ltd.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/lib/types/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright 2023-present DreamNum Inc.
+ * Copyright 2023-present DreamNum Co., Ltd.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/lib/types/locale/zh-CN.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright 2023-present DreamNum Inc.
+ * Copyright 2023-present DreamNum Co., Ltd.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/lib/types/views/doc-image-panel/DocDrawingPanel.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright 2023-present DreamNum Inc.
+ * Copyright 2023-present DreamNum Co., Ltd.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/lib/types/views/doc-image-panel/component-name.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright 2023-present DreamNum Inc.
+ * Copyright 2023-present DreamNum Co., Ltd.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/lib/umd/index.js CHANGED Viewed

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/docs-drawing-ui",
-  "version": "0.6.0-experimental.20250125-1d060b9",
+  "version": "0.6.0-experimental.20250220-d9a8e74",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -52,28 +52,28 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/icons": "^0.2.14",
+    "@univerjs/icons": "^0.2.15",
     "clsx": "^2.1.1",
-    "@univerjs/core": "0.6.0-experimental.20250125-1d060b9",
-    "@univerjs/design": "0.6.0-experimental.20250125-1d060b9",
-    "@univerjs/docs": "0.6.0-experimental.20250125-1d060b9",
-    "@univerjs/drawing": "0.6.0-experimental.20250125-1d060b9",
-    "@univerjs/docs-drawing": "0.6.0-experimental.20250125-1d060b9",
-    "@univerjs/docs-ui": "0.6.0-experimental.20250125-1d060b9",
-    "@univerjs/drawing-ui": "0.6.0-experimental.20250125-1d060b9",
-    "@univerjs/ui": "0.6.0-experimental.20250125-1d060b9",
-    "@univerjs/engine-render": "0.6.0-experimental.20250125-1d060b9"
+    "@univerjs/core": "0.6.0-experimental.20250220-d9a8e74",
+    "@univerjs/design": "0.6.0-experimental.20250220-d9a8e74",
+    "@univerjs/docs-drawing": "0.6.0-experimental.20250220-d9a8e74",
+    "@univerjs/docs": "0.6.0-experimental.20250220-d9a8e74",
+    "@univerjs/drawing": "0.6.0-experimental.20250220-d9a8e74",
+    "@univerjs/docs-ui": "0.6.0-experimental.20250220-d9a8e74",
+    "@univerjs/engine-render": "0.6.0-experimental.20250220-d9a8e74",
+    "@univerjs/ui": "0.6.0-experimental.20250220-d9a8e74",
+    "@univerjs/drawing-ui": "0.6.0-experimental.20250220-d9a8e74"
   },
   "devDependencies": {
-    "less": "^4.2.1",
-    "postcss": "^8.4.49",
+    "less": "^4.2.2",
+    "postcss": "^8.5.2",
     "react": "18.3.1",
     "rxjs": "^7.8.1",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.3",
-    "vite": "^6.0.7",
-    "vitest": "^2.1.8",
-    "@univerjs-infra/shared": "0.6.0-alpha.0"
+    "vite": "^6.1.0",
+    "vitest": "^3.0.5",
+    "@univerjs-infra/shared": "0.6.0"
   },
   "scripts": {
     "test": "vitest run",