@univerjs/docs-drawing-ui 0.6.10-nightly.202504161609 → 0.6.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/LICENSE ADDED
@@ -0,0 +1,176 @@
1
+ Apache License
2
+ Version 2.0, January 2004
3
+ http://www.apache.org/licenses/
4
+
5
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6
+
7
+ 1. Definitions.
8
+
9
+ "License" shall mean the terms and conditions for use, reproduction,
10
+ and distribution as defined by Sections 1 through 9 of this document.
11
+
12
+ "Licensor" shall mean the copyright owner or entity authorized by
13
+ the copyright owner that is granting the License.
14
+
15
+ "Legal Entity" shall mean the union of the acting entity and all
16
+ other entities that control, are controlled by, or are under common
17
+ control with that entity. For the purposes of this definition,
18
+ "control" means (i) the power, direct or indirect, to cause the
19
+ direction or management of such entity, whether by contract or
20
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
21
+ outstanding shares, or (iii) beneficial ownership of such entity.
22
+
23
+ "You" (or "Your") shall mean an individual or Legal Entity
24
+ exercising permissions granted by this License.
25
+
26
+ "Source" form shall mean the preferred form for making modifications,
27
+ including but not limited to software source code, documentation
28
+ source, and configuration files.
29
+
30
+ "Object" form shall mean any form resulting from mechanical
31
+ transformation or translation of a Source form, including but
32
+ not limited to compiled object code, generated documentation,
33
+ and conversions to other media types.
34
+
35
+ "Work" shall mean the work of authorship, whether in Source or
36
+ Object form, made available under the License, as indicated by a
37
+ copyright notice that is included in or attached to the work
38
+ (an example is provided in the Appendix below).
39
+
40
+ "Derivative Works" shall mean any work, whether in Source or Object
41
+ form, that is based on (or derived from) the Work and for which the
42
+ editorial revisions, annotations, elaborations, or other modifications
43
+ represent, as a whole, an original work of authorship. For the purposes
44
+ of this License, Derivative Works shall not include works that remain
45
+ separable from, or merely link (or bind by name) to the interfaces of,
46
+ the Work and Derivative Works thereof.
47
+
48
+ "Contribution" shall mean any work of authorship, including
49
+ the original version of the Work and any modifications or additions
50
+ to that Work or Derivative Works thereof, that is intentionally
51
+ submitted to Licensor for inclusion in the Work by the copyright owner
52
+ or by an individual or Legal Entity authorized to submit on behalf of
53
+ the copyright owner. For the purposes of this definition, "submitted"
54
+ means any form of electronic, verbal, or written communication sent
55
+ to the Licensor or its representatives, including but not limited to
56
+ communication on electronic mailing lists, source code control systems,
57
+ and issue tracking systems that are managed by, or on behalf of, the
58
+ Licensor for the purpose of discussing and improving the Work, but
59
+ excluding communication that is conspicuously marked or otherwise
60
+ designated in writing by the copyright owner as "Not a Contribution."
61
+
62
+ "Contributor" shall mean Licensor and any individual or Legal Entity
63
+ on behalf of whom a Contribution has been received by Licensor and
64
+ subsequently incorporated within the Work.
65
+
66
+ 2. Grant of Copyright License. Subject to the terms and conditions of
67
+ this License, each Contributor hereby grants to You a perpetual,
68
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69
+ copyright license to reproduce, prepare Derivative Works of,
70
+ publicly display, publicly perform, sublicense, and distribute the
71
+ Work and such Derivative Works in Source or Object form.
72
+
73
+ 3. Grant of Patent License. Subject to the terms and conditions of
74
+ this License, each Contributor hereby grants to You a perpetual,
75
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76
+ (except as stated in this section) patent license to make, have made,
77
+ use, offer to sell, sell, import, and otherwise transfer the Work,
78
+ where such license applies only to those patent claims licensable
79
+ by such Contributor that are necessarily infringed by their
80
+ Contribution(s) alone or by combination of their Contribution(s)
81
+ with the Work to which such Contribution(s) was submitted. If You
82
+ institute patent litigation against any entity (including a
83
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
84
+ or a Contribution incorporated within the Work constitutes direct
85
+ or contributory patent infringement, then any patent licenses
86
+ granted to You under this License for that Work shall terminate
87
+ as of the date such litigation is filed.
88
+
89
+ 4. Redistribution. You may reproduce and distribute copies of the
90
+ Work or Derivative Works thereof in any medium, with or without
91
+ modifications, and in Source or Object form, provided that You
92
+ meet the following conditions:
93
+
94
+ (a) You must give any other recipients of the Work or
95
+ Derivative Works a copy of this License; and
96
+
97
+ (b) You must cause any modified files to carry prominent notices
98
+ stating that You changed the files; and
99
+
100
+ (c) You must retain, in the Source form of any Derivative Works
101
+ that You distribute, all copyright, patent, trademark, and
102
+ attribution notices from the Source form of the Work,
103
+ excluding those notices that do not pertain to any part of
104
+ the Derivative Works; and
105
+
106
+ (d) If the Work includes a "NOTICE" text file as part of its
107
+ distribution, then any Derivative Works that You distribute must
108
+ include a readable copy of the attribution notices contained
109
+ within such NOTICE file, excluding those notices that do not
110
+ pertain to any part of the Derivative Works, in at least one
111
+ of the following places: within a NOTICE text file distributed
112
+ as part of the Derivative Works; within the Source form or
113
+ documentation, if provided along with the Derivative Works; or,
114
+ within a display generated by the Derivative Works, if and
115
+ wherever such third-party notices normally appear. The contents
116
+ of the NOTICE file are for informational purposes only and
117
+ do not modify the License. You may add Your own attribution
118
+ notices within Derivative Works that You distribute, alongside
119
+ or as an addendum to the NOTICE text from the Work, provided
120
+ that such additional attribution notices cannot be construed
121
+ as modifying the License.
122
+
123
+ You may add Your own copyright statement to Your modifications and
124
+ may provide additional or different license terms and conditions
125
+ for use, reproduction, or distribution of Your modifications, or
126
+ for any such Derivative Works as a whole, provided Your use,
127
+ reproduction, and distribution of the Work otherwise complies with
128
+ the conditions stated in this License.
129
+
130
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
131
+ any Contribution intentionally submitted for inclusion in the Work
132
+ by You to the Licensor shall be under the terms and conditions of
133
+ this License, without any additional terms or conditions.
134
+ Notwithstanding the above, nothing herein shall supersede or modify
135
+ the terms of any separate license agreement you may have executed
136
+ with Licensor regarding such Contributions.
137
+
138
+ 6. Trademarks. This License does not grant permission to use the trade
139
+ names, trademarks, service marks, or product names of the Licensor,
140
+ except as required for reasonable and customary use in describing the
141
+ origin of the Work and reproducing the content of the NOTICE file.
142
+
143
+ 7. Disclaimer of Warranty. Unless required by applicable law or
144
+ agreed to in writing, Licensor provides the Work (and each
145
+ Contributor provides its Contributions) on an "AS IS" BASIS,
146
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147
+ implied, including, without limitation, any warranties or conditions
148
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149
+ PARTICULAR PURPOSE. You are solely responsible for determining the
150
+ appropriateness of using or redistributing the Work and assume any
151
+ risks associated with Your exercise of permissions under this License.
152
+
153
+ 8. Limitation of Liability. In no event and under no legal theory,
154
+ whether in tort (including negligence), contract, or otherwise,
155
+ unless required by applicable law (such as deliberate and grossly
156
+ negligent acts) or agreed to in writing, shall any Contributor be
157
+ liable to You for damages, including any direct, indirect, special,
158
+ incidental, or consequential damages of any character arising as a
159
+ result of this License or out of the use or inability to use the
160
+ Work (including but not limited to damages for loss of goodwill,
161
+ work stoppage, computer failure or malfunction, or any and all
162
+ other commercial damages or losses), even if such Contributor
163
+ has been advised of the possibility of such damages.
164
+
165
+ 9. Accepting Warranty or Additional Liability. While redistributing
166
+ the Work or Derivative Works thereof, You may choose to offer,
167
+ and charge a fee for, acceptance of support, warranty, indemnity,
168
+ or other liability obligations and/or rights consistent with this
169
+ License. However, in accepting such obligations, You may act only
170
+ on Your own behalf and on Your sole responsibility, not on behalf
171
+ of any other Contributor, and only if You agree to indemnify,
172
+ defend, and hold each Contributor harmless for any liability
173
+ incurred by, or claims asserted against, such Contributor by reason
174
+ of your accepting any such warranty or additional liability.
175
+
176
+ END OF TERMS AND CONDITIONS
package/lib/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var bn=Object.defineProperty;var Rn=(o,e,t)=>e in o?bn(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var le=(o,e,t)=>Rn(o,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@univerjs/core"),fe=require("@univerjs/docs-drawing"),$=require("@univerjs/drawing"),De=require("@univerjs/drawing-ui"),L=require("@univerjs/engine-render"),W=require("@univerjs/ui"),k=require("@univerjs/docs"),X=require("@univerjs/docs-ui"),ee=require("rxjs"),N=require("@univerjs/design"),u=require("react/jsx-runtime"),Y=require("react"),Mn="docs-drawing-ui.config",sn={};var xn=Object.getOwnPropertyDescriptor,Pn=(o,e,t,n)=>{for(var r=n>1?void 0:n?xn(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Re=(o,e)=>(t,n)=>e(t,n,o);function Nn(o){var n,r,s,a;if(i.JSONX.isNoop(o)||!Array.isArray(o))return null;const e=o.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const t=[];if(Array.isArray(e==null?void 0:e[1]))for(const c of e)Array.isArray(c)&&t.push({type:(n=c==null?void 0:c[1])!=null&&n.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(r=c==null?void 0:c[1])==null?void 0:r.i});else t.push({type:(s=e[2])!=null&&s.i?"add":"remove",drawingId:e[1],drawing:(a=e[2])==null?void 0:a.i});return t}function En(o){if(!Array.isArray(o)||o.length<3||o[0]!=="drawingsOrder")return[];const e=[];for(let t=1;t<o.length;t++){const n=o[t];if(Array.isArray(n)&&typeof n[0]=="number"&&typeof n[1]=="object")e.push(n[0]);else{e.length=0;break}}return e}let Ue=class extends i.Disposable{constructor(o,e,t,n,r){super(),this._univerInstanceService=o,this._commandService=e,this._drawingManagerService=t,this._docDrawingService=n,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(o=>{if(o.id!==k.RichTextEditingMutation.id)return;const e=o.params,{unitId:t,actions:n}=e,r=Nn(n);if(r!=null)for(const{type:s,drawingId:a,drawing:c}of r)s==="add"?this._addDrawings(t,[c]):this._removeDrawings(t,[a])})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{if(o.id!==k.RichTextEditingMutation.id)return;const e=o.params,{unitId:t,actions:n}=e;En(n).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{var a;if(o.id!==i.UndoCommand.id&&o.id!==i.RedoCommand.id)return;const e=(a=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:a.getUnitId(),t=this._drawingManagerService.getFocusDrawings();if(e==null||t.length===0)return;const n=this._renderManagerService.getRenderById(e),r=n==null?void 0:n.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(o,e){const t=this._drawingManagerService,n=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(e),{subUnitId:s,redo:a,objects:c}=r;t.applyJson1(o,s,a),n.applyJson1(o,s,a),t.addNotification(c),n.addNotification(c)}_removeDrawings(o,e){const t=this._drawingManagerService,n=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(e.map(l=>({unitId:o,subUnitId:o,drawingId:l}))),{subUnitId:s,redo:a,objects:c}=r;t.applyJson1(o,s,a),n.applyJson1(o,s,a),t.removeNotification(c),n.removeNotification(c)}_updateDrawingsOrder(o){const e=this._univerInstanceService.getUniverDocInstance(o);if(e==null)return;const t=e.getSnapshot().drawingsOrder;if(t==null)return;const n=this._drawingManagerService,r=this._docDrawingService;n.setDrawingOrder(o,o,t),r.setDrawingOrder(o,o,t);const s={unitId:o,subUnitId:o,drawingIds:t};n.orderNotification(s),r.orderNotification(s)}};Ue=Pn([Re(0,i.IUniverInstanceService),Re(1,i.ICommandService),Re(2,$.IDrawingManagerService),Re(3,fe.IDocDrawingService),Re(4,L.IRenderManagerService)],Ue);class He{constructor(){le(this,"_refreshDrawings$",new ee.BehaviorSubject(null));le(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var ae=(o=>(o.INLINE="inline",o.BEHIND_TEXT="behindText",o.IN_FRONT_OF_TEXT="inFrontOfText",o.WRAP_SQUARE="wrapSquare",o.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",o))(ae||{});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 ln(o,e,t,n,r,s,a){var p,f;const c=new i.TextX,l=i.JSONX.getInstance(),d=[],g=s.getSelfOrHeaderFooterModel(e).getBody(),h=s.getSelfOrHeaderFooterModel(o).getBody();if(g==null||h==null)return;const m=(f=(p=g.customBlocks)==null?void 0:p.find(w=>w.blockId===r))==null?void 0:f.startIndex;if(m!=null){if(n=Math.min(h.dataStream.length-2,n),o===e){if(n<m?(n>0&&c.push({t:i.TextXActionType.RETAIN,len:n}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),c.push({t:i.TextXActionType.RETAIN,len:m-n}),c.push({t:i.TextXActionType.DELETE,len:1})):(m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1}),n-m-1>0&&c.push({t:i.TextXActionType.RETAIN,len:n-m-1}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),n!==m){const w=X.getRichTextEditPath(s,e),S=l.editOp(c.serialize(),w);d.push(S)}}else{m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1});let w=X.getRichTextEditPath(s,e),S=l.editOp(c.serialize(),w);d.push(S),c.empty(),n>0&&c.push({t:i.TextXActionType.RETAIN,len:n}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),w=X.getRichTextEditPath(s,o),S=l.editOp(c.serialize(),w),d.push(S),a.setSegment(o),a.setSegmentPage(t)}return d}}const gn={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(o,e)=>{var A,H;if(e==null)return!1;const{drawings:t,wrappingStyle:n,unitId:r}=e,s=o.get(i.ICommandService),a=o.get(i.IUniverInstanceService),l=o.get(L.IRenderManagerService).getRenderById(r),d=l==null?void 0:l.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData(),g=l==null?void 0:l.with(k.DocSkeletonManagerService).getViewModel(),h=l==null?void 0:l.scene,m=a.getCurrentUniverDocInstance();if(m==null||d==null||h==null||g==null)return!1;const p=g.getEditArea(),f=h.getTransformerByCreate(),{pages:w,skeHeaders:S,skeFooters:I}=d,T=i.JSONX.getInstance(),y=[],{drawings:O={}}=m.getSnapshot();for(const E of t){const{drawingId:_}=E,F=O[_].layoutType,z=An[n];if(F!==z){const C=T.replaceOp(["drawings",_,"layoutType"],F,z);y.push(C)}if(n==="behindText"||n==="inFrontOfText"){const C=O[_].behindDoc,P=n==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(C!==P){const b=T.replaceOp(["drawings",_,"behindDoc"],C,P);y.push(b)}}if(n==="inline")continue;let U=null,q=0,D=0;for(const C of w){const{headerId:P,footerId:b,marginTop:B,marginLeft:V,marginBottom:M,pageWidth:j,pageHeight:K}=C;switch(p){case L.DocumentEditArea.HEADER:{const G=(A=S.get(P))==null?void 0:A.get(j);G!=null&&G.skeDrawings.has(_)&&(U=G.skeDrawings.get(_),q=G.marginTop,D=V);break}case L.DocumentEditArea.FOOTER:{const G=(H=I.get(b))==null?void 0:H.get(j);G!=null&&G.skeDrawings.has(_)&&(U=G.skeDrawings.get(_),q=K-M+G.marginTop,D=V);break}case L.DocumentEditArea.BODY:{C.skeDrawings.has(_)&&(U=C.skeDrawings.get(_),q=B,D=V);break}}if(U!=null)break}if(U!=null){const{aTop:C,aLeft:P}=U,b=O[_].docTransform.positionH;let B=P;b.relativeFrom===i.ObjectRelativeFromH.MARGIN?B-=D:b.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(B-=U.columnLeft);const V={relativeFrom:b.relativeFrom,posOffset:B};if(b.posOffset!==V.posOffset){const G=T.replaceOp(["drawings",_,"docTransform","positionH"],b,V);y.push(G)}const M=O[_].docTransform.positionV;let j=C;M.relativeFrom===i.ObjectRelativeFromV.PAGE?j+=q:M.relativeFrom===i.ObjectRelativeFromV.LINE?j-=U.lineTop:M.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(j-=U.blockAnchorTop);const K={relativeFrom:M.relativeFrom,posOffset:j};if(M.posOffset!==K.posOffset){const G=T.replaceOp(["drawings",_,"docTransform","positionV"],M,K);y.push(G)}}}const x={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};x.params.actions=y.reduce((E,_)=>i.JSONX.compose(E,_),null);const R=s.syncExecuteCommand(x.id,x.params);return f.refreshControls(),!!R}},mn={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const t=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:s,dist:a,unitId:c}=e,l=i.JSONX.getInstance(),d=[],{drawings:g={}}=r.getSnapshot();for(const p of s){const{drawingId:f}=p;for(const[w,S]of Object.entries(a)){const I=g[f][w];if(I!==S){const T=l.replaceOp(["drawings",f,w],I,S);d.push(T)}}}const h={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=d.reduce((p,f)=>i.JSONX.compose(p,f),null),!!t.syncExecuteCommand(h.id,h.params)}},un={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const t=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:s,wrapText:a,unitId:c}=e,l=i.JSONX.getInstance(),d=[],{drawings:g={}}=r.getSnapshot();for(const p of s){const{drawingId:f}=p,w=g[f].wrapText;if(w!==a){const S=l.replaceOp(["drawings",f,"wrapText"],w,a);d.push(S)}}const h={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=d.reduce((p,f)=>i.JSONX.compose(p,f),null),!!t.syncExecuteCommand(h.id,h.params)}},xe={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const t=o.get(i.ICommandService),n=o.get(i.IUniverInstanceService),s=o.get(L.IRenderManagerService).getRenderById(e.unitId),a=s==null?void 0:s.scene;if(a==null)return!1;const c=a.getTransformerByCreate(),l=n.getCurrentUniverDocInstance();if(l==null)return!1;const{drawings:d,unitId:g}=e,h=i.JSONX.getInstance(),m=[],{drawings:p={}}=l.getSnapshot();for(const S of d){const{drawingId:I,key:T,value:y}=S,O=p[I].docTransform[T];if(!i.Tools.diffValue(O,y)){const x=h.replaceOp(["drawings",I,"docTransform",T],O,y);m.push(x)}}const f={id:k.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};f.params.actions=m.reduce((S,I)=>i.JSONX.compose(S,I),null);const w=t.syncExecuteCommand(f.id,f.params);return c.refreshControls(),!!w}},hn={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{var H,E;if(e==null)return!1;const t=o.get(L.IRenderManagerService),n=(H=t.getRenderById(e.unitId))==null?void 0:H.with(X.DocSelectionRenderService),r=o.get(He),s=t.getRenderById(e.unitId),a=s==null?void 0:s.scene,c=s==null?void 0:s.with(k.DocSkeletonManagerService).getSkeleton();if(a==null||n==null)return!1;const l=a.getTransformerByCreate(),d=o.get(i.ICommandService),h=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(h==null)return!1;const{drawing:m,unitId:p,offset:f,segmentId:w,segmentPage:S,needRefreshDrawings:I}=e;if(I)return r.refreshDrawings(c),l.refreshControls(),!0;const T=[],{drawingId:y}=m,O=(E=n.getSegment())!=null?E:"",x=ln(w,O,S,f,y,h,n);if(x==null||x.length===0)return r.refreshDrawings(c),l.refreshControls(),!1;T.push(...x);const R={id:k.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:null}};R.params.actions=T.reduce((_,F)=>i.JSONX.compose(_,F),null);const A=d.syncExecuteCommand(R.id,R.params);return l.refreshControls(),!!A}},pn={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{var U,q;if(e==null)return!1;const t=o.get(L.IRenderManagerService),n=(U=t.getRenderById(e.unitId))==null?void 0:U.with(X.DocSelectionRenderService),r=t.getRenderById(e.unitId),s=r==null?void 0:r.scene;if(s==null||n==null)return!1;const a=s.getTransformerByCreate(),c=o.get(i.ICommandService),d=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:g,unitId:h,offset:m,docTransform:p,segmentId:f,segmentPage:w}=e,S=[],{drawingId:I}=g,T=(q=n.getSegment())!=null?q:"",y=ln(f,T,w,m,I,d,n);if(y==null)return!1;y.length>0&&S.push(...y);const O=i.JSONX.getInstance(),{drawings:x={}}=d.getSnapshot(),R=x[I].docTransform,{positionH:A,positionV:H,size:E,angle:_}=R;if(!i.Tools.diffValue(A,p.positionH)){const D=O.replaceOp(["drawings",I,"docTransform","positionH"],A,p.positionH);S.push(D)}if(!i.Tools.diffValue(H,p.positionV)){const D=O.replaceOp(["drawings",I,"docTransform","positionV"],H,p.positionV);S.push(D)}if(!i.Tools.diffValue(E,p.size)){const D=O.replaceOp(["drawings",I,"docTransform","size"],E,p.size);S.push(D)}if(!i.Tools.diffValue(_,p.angle)){const D=O.replaceOp(["drawings",I,"docTransform","angle"],_,p.angle);S.push(D)}const F={id:k.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:null,debounce:!0}};F.params.actions=S.reduce((D,C)=>i.JSONX.compose(D,C),null);const z=c.syncExecuteCommand(F.id,F.params);return a.refreshControls(),!!z}};var jn=Object.getOwnPropertyDescriptor,Un=(o,e,t,n)=>{for(var r=n>1?void 0:n?jn(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Ne=(o,e)=>(t,n)=>e(t,n,o);const Ln="__InlineDrawingAnchor__";function an(o){const{path:e}=o;return e.some(t=>t==="cells")}let Le=class extends i.Disposable{constructor(e,t,n,r){super();le(this,"_liquid",new L.Liquid);le(this,"_listenerOnImageMap",new Set);le(this,"_transformerCache",new Map);le(this,"_anchorShape");this._commandService=e,this._univerInstanceService=t,this._drawingManagerService=n,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const t of e){const{unitId:n}=t;this._listenerOnImageMap.has(n)||(this._listenTransformerChange(n),this._listenerOnImageMap.add(n))}}))}_listenTransformerChange(e){var r;const t=(r=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:r.transformer;if(t==null)return;this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(s=>{var c;this._transformerCache.clear();const{objects:a}=s;for(const l of a.values()){const{oKey:d,width:g,height:h,left:m,top:p,angle:f}=l,w=this._drawingManagerService.getDrawingOKey(d);if(w==null)continue;const S=this._univerInstanceService.getUniverDocInstance(w.unitId),I=(c=S==null?void 0:S.getSnapshot().drawings)==null?void 0:c[w.drawingId];if((I==null?void 0:I.layoutType)===i.PositionedObjectLayoutType.INLINE)try{l.setOpacity(.2)}catch{}I!=null&&this._transformerCache.set(w.drawingId,{drawing:I,top:p,left:m,width:g,height:h,angle:f})}})));const n=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(s=>{const{objects:a,offsetX:c,offsetY:l}=s;if(a.size>1)n(a);else if(a.size===1){const d=this._transformerCache.values().next().value,g=a.values().next().value,{width:h,height:m,top:p,left:f,angle:w}=g;if(d&&h===d.width&&m===d.height&&p===d.top&&f===d.left&&w===d.angle)return;d&&(d.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),d&&d.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&c!=null&&l!=null&&this._updateInlineDrawingAnchor(d.drawing,c,l)}}))),this.disposeWithMe(i.toDisposable(t.changeEnd$.subscribe(s=>{const{objects:a,offsetX:c,offsetY:l}=s;for(const d of a.values()){const g=this._drawingManagerService.getDrawingOKey(d.oKey);if(g==null)continue;const h=this._transformerCache.get(g==null?void 0:g.drawingId);if((h==null?void 0:h.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE)try{d.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),a.size>1)this._updateMultipleDrawingDocTransform(a);else if(a.size===1){const d=this._transformerCache.values().next().value,g=a.values().next().value,{width:h,height:m,top:p,left:f,angle:w}=g;if(d&&h===d.width&&m===d.height&&p===d.top&&f===d.left&&w===d.angle)return;d&&d.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?h!==d.width||m!==d.height||w!==d.angle?this._updateDrawingSize(d,g):c!=null&&l!=null&&this._moveInlineDrawing(d.drawing,c,l):d&&this._nonInlineDrawingTransform(d.drawing,g)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const t=[];let n,r;for(const s of e.values()){const{oKey:a,left:c,top:l,angle:d}=s;let{width:g,height:h}=s;const m=this._drawingManagerService.getDrawingOKey(a);if(m==null)continue;n==null&&(n=m.unitId),r==null&&(r=m.subUnitId);const p=this._transformerCache.get(m.drawingId);if(p==null)continue;const{drawing:f,top:w,left:S,width:I,height:T,angle:y}=p,{width:O,height:x}=this._getPageContentSize(f);if(g=Math.min(g,O),h=Math.min(h,x),(I!==g||T!==h)&&t.push({drawingId:m.drawingId,key:"size",value:{width:g,height:h}}),y!==d&&t.push({drawingId:m.drawingId,key:"angle",value:d}),w!==l||S!==c){const R=l-w,A=c-S;R!==0&&t.push({drawingId:m.drawingId,key:"positionV",value:{relativeFrom:f.docTransform.positionV.relativeFrom,posOffset:f.docTransform.positionV.posOffset+R}}),A!==0&&t.push({drawingId:m.drawingId,key:"positionH",value:{relativeFrom:f.docTransform.positionH.relativeFrom,posOffset:f.docTransform.positionH.posOffset+A}})}}t.length>0&&n&&r&&this._commandService.executeCommand(xe.id,{unitId:n,subUnitId:r,drawings:t})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const t=this._transformerCache.values().next().value,n=e.values().next().value;this._getDrawingAnchor(t.drawing,n)}_updateInlineDrawingAnchor(e,t,n){var s;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(s=this._getInlineDrawingAnchor(e,t,n))!=null?s:{};r!=null&&this._createOrUpdateInlineAnchor(e.unitId,r)}_getInlineDrawingAnchor(e,t,n){var U,q;const r=this._renderManagerService.getRenderById(e.unitId),s=r==null?void 0:r.with(k.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:a,scene:c}=r,l=a,d=c.getViewports()[0],{pageLayoutType:g=L.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:m}=l.getOffsetConfig();let p=null,f=!1,w=-1,S="";const I=.5,T=this._getTransformCoordForDocumentOffset(l,d,t,n);if(T==null)return;const y=(U=this._renderManagerService.getRenderById(e.unitId))==null?void 0:U.with(X.DocSelectionRenderService);if(y==null)return;const O=s==null?void 0:s.findNodeByCoord(T,g,h,m,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(O){const{node:D,ratioX:C,segmentPage:P,segmentId:b}=O;f=C<I,p=D,w=P,S=b}if(p==null)return;const x=s==null?void 0:s.findPositionByGlyph(p,w),R=this._getDocObject();if(x==null||s==null||R==null||an(x))return;const A={...x,isBack:f},H=R.document.getOffsetConfig(),E=new X.NodePositionConvertToCursor(H,s),{cursorList:_,contentBoxPointGroup:F}=E.getRangePointData(A,A),{startOffset:z}=(q=X.getOneTextSelectionRange(_))!=null?q:{};if(z!=null)return{offset:z,contentBoxPointGroup:F,segmentId:S,segmentPage:w}}_getDrawingAnchor(e,t){var ge,me,ie,ue,he,Ie,we,pe,re,oe,Se;const n=this._renderManagerService.getRenderById(e.unitId),r=n==null?void 0:n.with(k.DocSkeletonManagerService).getSkeleton(),s=r==null?void 0:r.getSkeletonData();if(s==null||n==null)return;const{pages:a,skeHeaders:c,skeFooters:l}=s,{mainComponent:d,scene:g}=n,h=d,m=g.getViewports()[0],{pageLayoutType:p=L.PageLayoutType.VERTICAL,pageMarginLeft:f,pageMarginTop:w,docsLeft:S,docsTop:I}=h.getOffsetConfig(),{left:T,top:y,angle:O}=t;let{width:x,height:R}=t;const{positionV:A,positionH:H}=e.docTransform,{width:E,height:_}=this._getPageContentSize(e);x=Math.min(x,E),R=Math.min(R,_);let F=null,z="",U=-1;const q=!1,D={...e.docTransform,size:{width:x,height:R},angle:O},{x:C,y:P}=g.getViewportScrollXY(m),b=this._getTransformCoordForDocumentOffset(h,m,T-C,y-P);if(b==null)return;const B=(ge=this._renderManagerService.getRenderById(e.unitId))==null?void 0:ge.with(X.DocSelectionRenderService);if(B==null)return;const V=r==null?void 0:r.findNodeByCoord(b,p,f,w,{strict:!1,segmentId:B.getSegment(),segmentPage:B.getSegmentPage()});if(V){const{node:de,segmentPage:Ge,segmentId:Xe}=V;F=de,U=Ge,z=Xe}if(F==null)return;const M=(me=F.parent)==null?void 0:me.parent,j=M==null?void 0:M.parent,K=(ie=j==null?void 0:j.lines.find(de=>de.paragraphIndex===(M==null?void 0:M.paragraphIndex)&&de.paragraphStart))!=null?ie:j==null?void 0:j.lines[0],G=(ue=j==null?void 0:j.parent)==null?void 0:ue.parent;if(M==null||j==null||K==null||G==null)return;this._liquid.reset();const J=G.type;for(const de of a){const{headerId:Ge,footerId:Xe,pageHeight:Tn,pageWidth:rn,marginLeft:on,marginBottom:yn}=de,On=a.indexOf(de);if(U>-1&&On===U){switch(J){case L.DocumentSkeletonPageType.HEADER:{const be=(he=c.get(Ge))==null?void 0:he.get(rn);if(be)this._liquid.translatePagePadding({marginTop:be.marginTop,marginLeft:on});else throw new Error("header skeleton not found");break}case L.DocumentSkeletonPageType.FOOTER:{const be=(Ie=l.get(Xe))==null?void 0:Ie.get(rn);if(be)this._liquid.translatePagePadding({marginTop:Tn-yn+be.marginTop,marginLeft:on});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(de),de===G)break;this._liquid.restorePagePadding(de),this._liquid.translatePage(de,p,f,w)}switch(A.relativeFrom===i.ObjectRelativeFromV.LINE?F=M.divides[0].glyphGroup[0]:F=(oe=(re=(pe=(we=K.divides)==null?void 0:we[0])==null?void 0:pe.glyphGroup)==null?void 0:re[0])!=null?oe:F,D.positionH={relativeFrom:H.relativeFrom,posOffset:T-this._liquid.x-S},H.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{D.positionH.posOffset=T-this._liquid.x-S-G.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{D.positionH.posOffset=T-this._liquid.x-S-j.left;break}}switch(D.positionV={relativeFrom:A.relativeFrom,posOffset:y-this._liquid.y-I},A.relativeFrom){case i.ObjectRelativeFromV.PAGE:{D.positionV.posOffset=y-this._liquid.y-I-G.marginTop;break}case i.ObjectRelativeFromV.LINE:{D.positionV.posOffset=y-this._liquid.y-I-M.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{D.positionV.posOffset=y-this._liquid.y-I-K.top;break}}if(F==null)return;const ne=r==null?void 0:r.findPositionByGlyph(F,U),Ce=this._getDocObject();if(ne==null||r==null||Ce==null||an(ne))return;const ve={...ne,isBack:q},Oe=Ce.document.getOffsetConfig(),te=new X.NodePositionConvertToCursor(Oe,r),{cursorList:Z}=te.getRangePointData(ve,ve),{startOffset:Q}=(Se=X.getOneTextSelectionRange(Z))!=null?Se:{};if(Q!=null)return{offset:Q,docTransform:D,segmentId:z,segmentPage:U}}_updateDrawingSize(e,t){const n=[],{drawing:r,width:s,height:a,angle:c}=e,{unitId:l,subUnitId:d}=r;let{width:g,height:h,angle:m}=t;const{width:p,height:f}=this._getPageContentSize(r);g=Math.min(p,g),h=Math.min(f,h),(g!==s||h!==a)&&n.push({drawingId:r.drawingId,key:"size",value:{width:g,height:h}}),m!==c&&n.push({drawingId:r.drawingId,key:"angle",value:m}),n.length>0&&l&&d&&this._commandService.executeCommand(xe.id,{unitId:l,subUnitId:d,drawings:n})}_moveInlineDrawing(e,t,n){const r=this._getInlineDrawingAnchor(e,t,n),{offset:s,segmentId:a,segmentPage:c}=r!=null?r:{};return this._commandService.executeCommand(hn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,segmentId:a,segmentPage:c,needRefreshDrawings:s==null})}_limitDrawingInPage(e,t){const n=this._renderManagerService.getRenderById(e.unitId),{left:r,top:s,width:a,height:c,angle:l}=t,d=n==null?void 0:n.with(k.DocSkeletonManagerService).getSkeleton(),g=d==null?void 0:d.getSkeletonData(),{pages:h}=g!=null?g:{};if(g==null||n==null||h==null)return{left:r,top:s,width:a,height:c,angle:l};const{mainComponent:m}=n,p=m,{top:f,pageLayoutType:w,pageMarginLeft:S,pageMarginTop:I}=p;let T=s;this._liquid.reset();for(const y of h){const{marginBottom:O,pageHeight:x}=y,R=h.indexOf(y),A=h[R+1];if(A==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(s,s+c,this._liquid.y+f+x-O,this._liquid.y+f+x+I+A.marginTop)){const E=s+c/2,_=this._liquid.y+f+x+I/2;E<_?T=Math.min(s,this._liquid.y+f+x-O-c):T=Math.max(s,this._liquid.y+f+x+I+A.marginTop)}this._liquid.translatePage(y,w,S,I)}return{left:r,top:T,width:a,height:c,angle:l}}_nonInlineDrawingTransform(e,t,n=!1){const r=e.isMultiTransform===i.BooleanNumber.TRUE?t:this._limitDrawingInPage(e,t);if(n&&r.top!==t.top)return;const s=this._getDrawingAnchor(e,r),{offset:a,docTransform:c,segmentId:l,segmentPage:d}=s!=null?s:{};return a==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,t]])):this._commandService.executeCommand(pn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,docTransform:c,segmentId:l,segmentPage:d})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const t=this._renderManagerService.getRenderById(e),n=t==null?void 0:t.scene;if(n==null)return;const r=n.getTransformerByCreate();return{scene:n,transformer:r}}_getTransformCoordForDocumentOffset(e,t,n,r){const{documentTransform:s}=e.getOffsetConfig(),a=t.transformVector2SceneCoord(L.Vector2.FromArray([n,r]));if(a)return s.clone().invert().applyPoint(a)}_createOrUpdateInlineAnchor(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{mainComponent:r,scene:s}=n,a=r,{docsLeft:c,docsTop:l}=a.getOffsetConfig(),d=X.getAnchorBounding(t),{left:g,top:h,height:m}=d,p=g+c,f=h+l;if(this._anchorShape){this._anchorShape.transformByState({left:p,top:f,height:m}),this._anchorShape.show();return}const w=6,S=new L.Rect(Ln+i.Tools.generateRandomId(w),{left:p,top:f,height:m,strokeWidth:2,stroke:L.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=S,s.addObject(S,X.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return X.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const t=this._renderManagerService.getRenderById(e.unitId),n=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),r=500,s=500,a=n==null?void 0:n.getSkeletonData();if(a==null||t==null)return{width:r,height:s};const{pages:c}=a;let l=null;for(const d of c){const{skeDrawings:g}=d;if(g.has(e.drawingId)){l=d;break}}if(l){const{pageWidth:d,pageHeight:g,marginLeft:h,marginBottom:m,marginRight:p,marginTop:f}=l;return{width:Math.max(r,d-h-p),height:Math.max(s,g-f-m)}}else return{width:r,height:s}}};Le=Un([Ne(0,i.ICommandService),Ne(1,i.IUniverInstanceService),Ne(2,$.IDrawingManagerService),Ne(3,L.IRenderManagerService)],Le);var ce=function(){return ce=Object.assign||function(o){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},ce.apply(this,arguments)},Fn=function(o,e){var t={};for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&e.indexOf(n)<0&&(t[n]=o[n]);if(o!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,n=Object.getOwnPropertySymbols(o);r<n.length;r++)e.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(o,n[r])&&(t[n[r]]=o[n[r]]);return t},fn=Y.forwardRef(function(o,e){var t=o.icon,n=o.id,r=o.className,s=o.extend,a=Fn(o,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(r||"").trim(),l=Y.useRef("_".concat(Hn()));return vn(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},ce({ref:e,className:c},a),s)});function vn(o,e,t,n,r){return Y.createElement(o.tag,ce(ce({key:e},Bn(o,t,r)),n),(kn(o,t).children||[]).map(function(s,a){return vn(s,"".concat(e,"-").concat(o.tag,"-").concat(a),t,void 0,r)}))}function Bn(o,e,t){var n=ce({},o.attrs);t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1),o.tag==="mask"&&n.id&&(n.id=n.id+e.idSuffix),Object.entries(n).forEach(function(s){var a=s[0],c=s[1];a==="mask"&&typeof c=="string"&&(n[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var r=e.defIds;return!r||r.length===0||(o.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(s){var a=s[0],c=s[1];typeof c=="string"&&(n[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function kn(o,e){var t,n=e.defIds;return!n||n.length===0?o:o.tag==="defs"&&(!((t=o.children)===null||t===void 0)&&t.length)?ce(ce({},o),{children:o.children.map(function(r){return typeof r.attrs.id=="string"&&n&&n.indexOf(r.attrs.id)>-1?ce(ce({},r),{attrs:ce(ce({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):o}function Hn(){return Math.random().toString(36).substring(2,8)}fn.displayName="UniverIcon";var Wn={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"}}]},In=Y.forwardRef(function(o,e){return Y.createElement(fn,Object.assign({},o,{id:"add-image-single",ref:e,icon:Wn}))});In.displayName="AddImageSingle";const We={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{var x,R,A,H;const t=o.get(i.ICommandService),n=o.get(i.IUniverInstanceService),r=o.get(L.IRenderManagerService),s=n.getCurrentUniverDocInstance();if(e==null||s==null)return!1;const a=r.getRenderById(e.unitId).with(X.DocSelectionRenderService),{drawings:c}=e,l=(x=a.getSegment())!=null?x:"",d=new i.TextX,g=i.JSONX.getInstance(),h=(A=(R=s.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:R.customBlocks)!=null?A:[],m=c.map(E=>h.find(_=>_.blockId===E.drawingId)).filter(E=>!!E).sort((E,_)=>E.startIndex>_.startIndex?1:-1),p=c[0].unitId,f=new i.MemoryCursor;f.reset();const w=m[0].startIndex,S=[{startOffset:w,endOffset:w}],I={id:k.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:S}},T=[];for(const E of m){const{startIndex:_}=E;_>f.cursor&&d.push({t:i.TextXActionType.RETAIN,len:_-f.cursor}),d.push({t:i.TextXActionType.DELETE,len:1}),f.moveCursorTo(_+1)}const y=X.getRichTextEditPath(s,l);T.push(g.editOp(d.serialize(),y));for(const E of m){const{blockId:_}=E,F=((H=s.getDrawings())!=null?H:{})[_],U=s.getDrawingsOrder().indexOf(_),q=g.removeOp(["drawings",_],F),D=g.removeOp(["drawingsOrder",U],_);T.push(q),T.push(D)}return I.params.actions=T.reduce((E,_)=>i.JSONX.compose(E,_),null),!!t.syncExecuteCommand(I.id,I.params)}},Ke={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:o=>{const e=o.get(i.ICommandService),n=o.get(fe.IDocDrawingService).getFocusDrawings();if(n.length===0)return!1;const{unitId:r}=n[0],s=n.map(a=>{const{unitId:c,subUnitId:l,drawingId:d,drawingType:g}=a;return{unitId:c,subUnitId:l,drawingId:d,drawingType:g}});return e.executeCommand(We.id,{unitId:r,drawings:s})}},Ye={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{o.get(i.ICommandService),o.get(i.IUndoRedoService);const t=o.get(fe.IDocDrawingService);if(!e)return!1;const n=[];e.forEach(({parent:g,children:h})=>{n.push(g.unitId),h.forEach(m=>{n.push(m.unitId)})});const r=t.getGroupDrawingOp(e),{unitId:s,subUnitId:a,undo:c,redo:l,objects:d}=r;return!1}},Ve={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{var R,A,H,E;if(e==null)return!1;const t=o.get(i.ICommandService),n=o.get(k.DocSelectionManagerService),r=o.get(i.IUniverInstanceService),s=n.getActiveTextRange(),a=r.getCurrentUniverDocInstance();if(s==null||a==null)return!1;const c=a.getUnitId(),{drawings:l}=e,{collapsed:d,startOffset:g,segmentId:h}=s,m=a.getSelfOrHeaderFooterModel(h).getBody();if(m==null)return!1;const p=new i.TextX,f=i.JSONX.getInstance(),w=[],S=(A=(R=a.getSnapshot().drawingsOrder)==null?void 0:R.length)!=null?A:0;let I=0;if(d)g>0&&p.push({t:i.TextXActionType.RETAIN,len:g});else{const _=i.BuildTextUtils.selection.delete([s],m,0,null,!1);p.push(..._);const F=X.getCustomBlockIdsInSelections(m,[s]),z=(H=a.getDrawings())!=null?H:{},U=(E=a.getDrawingsOrder())!=null?E:[],q=F.sort((D,C)=>U.indexOf(D)>U.indexOf(C)?-1:U.indexOf(D)<U.indexOf(C)?1:0);if(q.length>0)for(const D of q){const C=z[D],P=U.indexOf(D);if(C==null||P<0)continue;const b=f.removeOp(["drawings",D],C),B=f.removeOp(["drawingsOrder",P],D);w.push(b),w.push(B),I++}}p.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(l.length),customBlocks:l.map((_,F)=>({startIndex:F,blockId:_.drawingId}))},len:l.length});const T=X.getRichTextEditPath(a,h),y=f.editOp(p.serialize(),T);w.push(y);for(const _ of l){const{drawingId:F}=_,z=f.insertOp(["drawings",F],_),U=f.insertOp(["drawingsOrder",S-I],F);w.push(z),w.push(U)}const O={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return O.params.actions=w.reduce((_,F)=>i.JSONX.compose(_,F),null),!!t.syncExecuteCommand(O.id,O.params)}},Je={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(o,e)=>{const t=o.get(i.ICommandService),n=o.get(fe.IDocDrawingService);if(e==null)return!1;const{unitId:r,subUnitId:s,drawingIds:a,arrangeType:c}=e,l={unitId:r,subUnitId:s,drawingIds:a};let d;if(c===i.ArrangeTypeEnum.forward?d=n.getForwardDrawingsOp(l):c===i.ArrangeTypeEnum.backward?d=n.getBackwardDrawingOp(l):c===i.ArrangeTypeEnum.front?d=n.getFrontDrawingsOp(l):c===i.ArrangeTypeEnum.back&&(d=n.getBackDrawingsOp(l)),d==null)return!1;const{redo:g}=d;if(g==null)return!1;const h=[];let m=i.Tools.deepClone(g);m=m.slice(3),m.unshift("drawingsOrder"),h.push(m);const p={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return p.params.actions=h.reduce((w,S)=>i.JSONX.compose(w,S),null),!!t.syncExecuteCommand(p.id,p.params)}},Ze={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{o.get(i.ICommandService),o.get(i.IUndoRedoService);const t=o.get(fe.IDocDrawingService);if(!e)return!1;const n=[];e.forEach(({parent:g,children:h})=>{n.push(g.unitId),h.forEach(m=>{n.push(m.unitId)})});const r=t.getUngroupDrawingOp(e),{unitId:s,subUnitId:a,undo:c,redo:l,objects:d}=r;return!1}};var Vn=Object.getOwnPropertyDescriptor,Gn=(o,e,t,n)=>{for(var r=n>1?void 0:n?Vn(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},se=(o,e)=>(t,n)=>e(t,n,o);let Fe=class extends i.Disposable{constructor(o,e,t,n,r,s,a,c,l,d,g,h,m){super(),this._context=o,this._commandService=e,this._docSelectionManagerService=t,this._renderManagerSrv=n,this._imageIoService=r,this._docDrawingService=s,this._drawingManagerService=a,this._contextService=c,this._messageService=l,this._localeService=d,this._docSelectionRenderService=g,this._docRefreshDrawingsService=h,this._fileOpenerService=m,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const o=await this._fileOpenerService.openFile({multiple:!0,accept:$.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(t=>`.${t.replace("image/","")}`).join(",")}),e=o.length;return e>$.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:N.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String($.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(o),!0)}async _insertFloatImages(o){let e=[];try{e=await Promise.all(o.map(r=>this._imageIoService.saveImage(r)))}catch(r){const s=r.message;let a="";switch(s){case $.ImageUploadStatusType.ERROR_EXCEED_SIZE:a=this._localeService.t("update-status.exceedMaxSize",String($.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case $.ImageUploadStatusType.ERROR_IMAGE_TYPE:a=this._localeService.t("update-status.invalidImageType");break;case $.ImageUploadStatusType.ERROR_IMAGE:a=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:N.MessageType.Error,content:a})}if(e.length===0)return;const{unitId:t}=this._context,n=[];for(const r of e){if(r==null)continue;const{imageId:s,imageSourceType:a,source:c,base64Cache:l}=r,{width:d,height:g,image:h}=await $.getImageSize(l||"");this._imageIoService.addImageSourceCache(s,a,h);let m=1;if(d>$.DRAWING_IMAGE_WIDTH_LIMIT||g>$.DRAWING_IMAGE_HEIGHT_LIMIT){const S=$.DRAWING_IMAGE_WIDTH_LIMIT/d,I=$.DRAWING_IMAGE_HEIGHT_LIMIT/g;m=Math.min(S,I)}const p=this._getImagePosition(d*m,g*m);if(p==null)return;const f={unitId:t,subUnitId:t,drawingId:s,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:a,source:c,transform:X.docDrawingPositionToTransform(p),docTransform:p,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()&&(f.isMultiTransform=i.BooleanNumber.TRUE,f.transforms=f.transform?[f.transform]:null),n.push(f)}this._commandService.executeCommand(Ve.id,{unitId:t,drawings:n})}_isInsertInHeaderFooter(){var n;const{unitId:o}=this._context,e=(n=this._renderManagerSrv.getRenderById(o))==null?void 0:n.with(k.DocSkeletonManagerService).getViewModel(),t=e==null?void 0:e.getEditArea();return t===L.DocumentEditArea.HEADER||t===L.DocumentEditArea.FOOTER}_getImagePosition(o,e){const t=this._docSelectionRenderService.getActiveTextRange(),n=(t==null?void 0:t.getAbsolutePosition())||{left:0};return{size:{width:o,height:e},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:n.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(o=>{const{unitId:e,subUnitId:t,drawingIds:n,arrangeType:r}=o;this._commandService.executeCommand(Je.id,{unitId:e,subUnitId:t,drawingIds:n,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(o=>{this._commandService.executeCommand(Ye.id,o)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(o=>{this._commandService.executeCommand(Ze.id,o)})}_getCurrentSceneAndTransformer(){const{scene:o,mainComponent:e}=this._context;if(o==null||e==null)return;const t=o.getTransformerByCreate(),{docsLeft:n,docsTop:r}=e.getOffsetConfig();return{scene:o,transformer:t,docsLeft:n,docsTop:r}}_transformDrawingListener(){const o=this._getCurrentSceneAndTransformer();if(o&&o.transformer)this.disposeWithMe(o.transformer.changeEnd$.pipe(ee.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(o=>{var r;const{transformer:e,docsLeft:t,docsTop:n}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(o==null||o.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(o),this._setDrawingSelections(o);const s=this._docSelectionRenderService.getSegment(),a=this._findSegmentIdByDrawingId(o[0].drawingId);s!==a&&this._docSelectionRenderService.setSegment(a),e&&e.resetProps({zeroTop:n,zeroLeft:t})}}))}_findSegmentIdByDrawingId(o){var a,c,l;const{unit:e}=this._context,{body:t,headers:n={},footers:r={}}=e.getSnapshot();if(((a=t==null?void 0:t.customBlocks)!=null?a:[]).some(d=>d.blockId===o))return"";for(const d of Object.keys(n))if((c=n[d].body.customBlocks)!=null&&c.some(g=>g.blockId===o))return d;for(const d of Object.keys(r))if((l=r[d].body.customBlocks)!=null&&l.some(g=>g.blockId===o))return d;return""}_updateDrawingsEditStatus(){var c;const{unit:o,scene:e,unitId:t}=this._context,n=(c=this._renderManagerSrv.getRenderById(t))==null?void 0:c.with(k.DocSkeletonManagerService).getViewModel();if(n==null||o==null)return;const r=o.getSnapshot(),{drawings:s={}}=r,a=n.getEditArea()===L.DocumentEditArea.BODY;for(const l of Object.keys(s)){const d=s[l],g=$.getDrawingShapeKeyByDrawingSearch({unitId:t,drawingId:d.drawingId,subUnitId:t}),h=e.fuzzyMathObjects(g,!0);if(h.length)for(const m of h){e.detachTransformerFrom(m);try{m.setOpacity(.5)}catch{}if(a&&d.isMultiTransform!==i.BooleanNumber.TRUE||!a&&d.isMultiTransform===i.BooleanNumber.TRUE){d.allowTransform!==!1&&e.attachTransformerTo(m);try{m.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var t;const{unitId:o}=this._context,e=(t=this._renderManagerSrv.getRenderById(o))==null?void 0:t.with(k.DocSkeletonManagerService).getViewModel();e!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(e.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(n=>{n!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async n=>{n.id===k.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(o){var r,s;const{unit:e}=this._context,t=(s=(r=e.getSnapshot().body)==null?void 0:r.customBlocks)!=null?s:[],n=o.map(a=>{const c=a.drawingId,l=t.find(d=>d.blockId===c);return l?l.startIndex:null}).filter(a=>a!==null).map(a=>({startOffset:a,endOffset:a+1}));this._docSelectionManagerService.replaceDocRanges(n)}};Fe=Gn([se(1,i.ICommandService),se(2,i.Inject(k.DocSelectionManagerService)),se(3,L.IRenderManagerService),se(4,$.IImageIoService),se(5,fe.IDocDrawingService),se(6,$.IDrawingManagerService),se(7,i.IContextService),se(8,W.IMessageService),se(9,i.Inject(i.LocaleService)),se(10,i.Inject(X.DocSelectionRenderService)),se(11,i.Inject(He)),se(12,W.ILocalFileService)],Fe);const Qe={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:o=>{var n,r;const e=o.get(i.IUniverInstanceService),t=o.get(L.IRenderManagerService);return(r=(n=L.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,e,t))==null?void 0:n.with(Fe).insertDocImage())!=null?r:!1}},ye={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{const t=o.get(i.ICommandService),n=o.get(fe.IDocDrawingService),r=o.get(i.IUniverInstanceService),s=o.get(L.IRenderManagerService),{direction:a}=e,c=n.getFocusDrawings();if(c.length===0)return!1;const l=c[0].unitId,d=s.getRenderById(l),g=d==null?void 0:d.scene;if(g==null)return!1;const h=g.getTransformerByCreate(),m=r.getUniverDocInstance(l),p=c.map(w=>{var R,A,H,E,_;const{drawingId:S}=w,I=(R=m==null?void 0:m.getSnapshot().drawings)==null?void 0:R[S];if(I==null||I.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=I.docTransform,O={...T},x={...y};return a===i.Direction.UP?x.posOffset=((A=x.posOffset)!=null?A:0)-2:a===i.Direction.DOWN?x.posOffset=((H=x.posOffset)!=null?H:0)+2:a===i.Direction.LEFT?O.posOffset=((E=O.posOffset)!=null?E:0)-2:a===i.Direction.RIGHT&&(O.posOffset=((_=O.posOffset)!=null?_:0)+2),{drawingId:S,key:a===i.Direction.UP||a===i.Direction.DOWN?"positionV":"positionH",value:a===i.Direction.UP||a===i.Direction.DOWN?x:O}}).filter(w=>w!=null);if(p.length===0)return!1;const f=t.syncExecuteCommand(xe.id,{unitId:l,subUnitId:l,drawings:p});return h.refreshControls(),!!f}},wn={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(o,e)=>{const t=o.get(L.IRenderManagerService);return e.forEach(n=>{var r,s;(s=(r=t.getRenderById(n))==null?void 0:r.scene.getTransformer())==null||s.debounceRefreshControls()}),!0}},Sn="COMPONENT_DOC_DRAWING_PANEL",en={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(o,e)=>{const t=o.get(W.ISidebarService),n=o.get(i.LocaleService),r=o.get($.IDrawingManagerService);switch(e.value){case"open":t.open({header:{title:n.t("docImage.panel.title")},children:{label:Sn},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},nn={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(o,e)=>{const t=o.get($.IDrawingManagerService),n=o.get(i.ICommandService);return e==null?!1:(t.focusDrawing([e]),n.executeCommand(en.id,{value:"open"}),!0)}},Xn="univer-image-common-panel",$n="univer-image-common-panel-grid",zn="univer-image-common-panel-border",qn="univer-image-common-panel-title",Kn="univer-image-common-panel-subtitle",Yn="univer-image-common-panel-row",Jn="univer-image-common-panel-column",Zn="univer-image-common-panel-span2",Qn="univer-image-common-panel-input",v={imageCommonPanel:Xn,imageCommonPanelGrid:$n,imageCommonPanelBorder:zn,imageCommonPanelTitle:qn,imageCommonPanelSubtitle:Kn,imageCommonPanelRow:Yn,imageCommonPanelColumn:Jn,imageCommonPanelSpan2:Zn,imageCommonPanelInput:Qn},cn=-1e3,dn=1e3,et=o=>{const e=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),n=W.useDependency($.IDrawingManagerService),r=W.useDependency(L.IRenderManagerService),s=W.useDependency(i.IUniverInstanceService),{drawings:a}=o,c=a[0];if(c==null)return;const{unitId:l}=c,d=s.getUniverDocInstance(l),g=d==null?void 0:d.getSnapshot().documentStyle.documentFlavor,h=r.getRenderById(l),m=h==null?void 0:h.scene;if(m==null)return;const p=m.getTransformerByCreate(),f=[{label:t.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],w=[{label:t.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[S,I]=Y.useState(!0),[T,y]=Y.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,x]=Y.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[R,A]=Y.useState(!0),[H,E]=Y.useState(!0);function _(C,P){var M;C==="positionH"?y(P):x(P);const b=n.getFocusDrawings();if(b.length===0)return;const B=b.map(j=>({unitId:j.unitId,subUnitId:j.subUnitId,drawingId:j.drawingId}));e.executeCommand(xe.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:B.map(j=>({drawingId:j.drawingId,key:C,value:P}))});const V=(M=r.getRenderById(l))==null?void 0:M.with(X.DocSelectionRenderService);V&&V.blur(),p.refreshControls()}function F(C){var Q,ge,me;const P=T.relativeFrom,b=T.posOffset,B=Number(C);if(P===B)return;const V=n.getFocusDrawings();if(V.length===0)return;const M=V[0].drawingId,j=V[0].unitId;let K=null,G=0;const J=(Q=r.getRenderById(j))==null?void 0:Q.with(k.DocSkeletonManagerService).getSkeleton(),ne=J==null?void 0:J.getSkeletonData();if(ne==null)return;const{pages:Ce,skeHeaders:ve,skeFooters:Oe}=ne;for(const ie of Ce){const{marginLeft:ue,skeDrawings:he,headerId:Ie,footerId:we,pageWidth:pe}=ie;if(he.has(M)){K=he.get(M),G=ue;break}const re=(ge=ve.get(Ie))==null?void 0:ge.get(pe);if(re!=null&&re.skeDrawings.has(M)){K=re==null?void 0:re.skeDrawings.get(M),G=ue;break}const oe=(me=Oe.get(we))==null?void 0:me.get(pe);if(oe!=null&&oe.skeDrawings.has(M)){K=oe==null?void 0:oe.skeDrawings.get(M),G=ue;break}}if(K==null)return;let te=0;P===i.ObjectRelativeFromH.COLUMN?te-=K.columnLeft:P===i.ObjectRelativeFromH.MARGIN&&(te-=G),B===i.ObjectRelativeFromH.COLUMN?te+=K.columnLeft:B===i.ObjectRelativeFromH.MARGIN?te+=G:i.ObjectRelativeFromH.PAGE;const Z={relativeFrom:B,posOffset:(b!=null?b:0)-te};_("positionH",Z)}function z(C){var he,Ie,we,pe,re,oe;const P=O.relativeFrom,b=O.posOffset,B=Number(C);if(P===B)return;const V=n.getFocusDrawings();if(V.length===0)return;const{drawingId:M,unitId:j}=V[0],K=s.getUniverDocInstance(j),G=(he=r.getRenderById(j))==null?void 0:he.with(k.DocSkeletonManagerService).getSkeleton(),J=(Ie=r.getRenderById(j))==null?void 0:Ie.with(X.DocSelectionRenderService),ne=J==null?void 0:J.getSegment(),Ce=J==null?void 0:J.getSegmentPage(),ve=(pe=(we=K==null?void 0:K.getSelfOrHeaderFooterModel(ne).getBody())==null?void 0:we.customBlocks)==null?void 0:pe.find(Se=>Se.blockId===M);if(ve==null||G==null||J==null)return;const{startIndex:Oe}=ve,te=G.findNodeByCharIndex(Oe,ne,Ce),Z=(re=te==null?void 0:te.parent)==null?void 0:re.parent,Q=Z==null?void 0:Z.parent,ge=Q==null?void 0:Q.lines.find(Se=>Se.paragraphIndex===(Z==null?void 0:Z.paragraphIndex)&&Se.paragraphStart),me=(oe=Q==null?void 0:Q.parent)==null?void 0:oe.parent;if(te==null||Z==null||ge==null||Q==null||me==null)return;let ie=0;P===i.ObjectRelativeFromV.PARAGRAPH?ie-=ge.top:P===i.ObjectRelativeFromV.LINE?ie-=Z.top:P===i.ObjectRelativeFromV.PAGE&&(ie+=me.marginTop),B===i.ObjectRelativeFromV.PARAGRAPH?ie+=ge.top:B===i.ObjectRelativeFromV.LINE?ie+=Z.top:B===i.ObjectRelativeFromV.PAGE&&(ie-=me.marginTop);const ue={relativeFrom:B,posOffset:(b!=null?b:0)-ie};_("positionV",ue)}function U(C){var j;const P=d==null?void 0:d.getSnapshot(),b=(j=P==null?void 0:P.drawings)==null?void 0:j[C.drawingId];if(b==null)return;const{layoutType:B}=b,{positionH:V,positionV:M}=b.docTransform;y(V),x(M),I(B===i.PositionedObjectLayoutType.INLINE),A(M.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||M.relativeFrom===i.ObjectRelativeFromV.LINE)}function q(){const C=n.getFocusDrawings();C.length!==0&&U(C[0])}function D(C){A(C),z(String(C?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return Y.useEffect(()=>{q();const C=n.focus$.subscribe(b=>{if(b.length===0){E(!1);return}E(!0),U(b[0])}),P=e.onCommandExecuted(async b=>{b.id===k.RichTextEditingMutation.id&&q()});return()=>{C.unsubscribe(),P.dispose()}},[]),u.jsxs("div",{className:N.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-position.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.horizontal")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:cn,max:dn,precision:1,disabled:S,value:T.posOffset,onChange:C=>{_("positionH",{relativeFrom:T.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.toTheRightOf")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.Select,{value:String(T.relativeFrom),disabled:S,options:f,onChange:F})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.vertical")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:cn,max:dn,precision:1,disabled:S,value:O.posOffset,onChange:C=>{_("positionV",{relativeFrom:O.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.bellow")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.Select,{disabled:S,value:String(O.relativeFrom),options:w,onChange:z})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.options")})})}),u.jsx("div",{className:v.imageCommonPanelRow,style:{marginBottom:"50px"},children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.Checkbox,{disabled:S,checked:R,onChange:D,children:t.t("image-position.moveObjectWithText")})})})]})},Ee=0,Ae=100,nt=o=>{const e=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),n=W.useDependency($.IDrawingManagerService),r=W.useDependency(L.IRenderManagerService),s=W.useDependency(i.IUniverInstanceService),{drawings:a}=o,c=a[0];if(c==null)return null;const{unitId:l}=c,d=s.getUniverDocInstance(l),g=r.getRenderById(l);if((g==null?void 0:g.scene)==null)return null;const[m,p]=Y.useState(!0),[f,w]=Y.useState(!0),[S,I]=Y.useState(!0),[T,y]=Y.useState(ae.INLINE),[O,x]=Y.useState(""),[R,A]=Y.useState({distT:0,distL:0,distB:0,distR:0}),[H,E]=Y.useState(!0);function _(D){y(D);const C=n.getFocusDrawings();if(C.length===0)return;const{unitId:P,subUnitId:b}=C[0],B=C.map(({unitId:V,subUnitId:M,drawingId:j})=>({unitId:V,subUnitId:M,drawingId:j}));e.executeCommand(gn.id,{unitId:P,subUnitId:b,drawings:B,wrappingStyle:D})}function F(D){x(D);const C=n.getFocusDrawings();if(C.length===0)return;const P=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));e.executeCommand(un.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:P,wrapText:D})}function z(D,C){if(D==null)return;const P={...R,[C]:D};A(P);const b=n.getFocusDrawings();if(b.length===0)return;const B=b.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(mn.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:B,dist:{[C]:D}})}function U(){const D=n.getFocusDrawings();D.length!==0&&q(D[0])}function q(D){var J,ne;const C=(ne=(J=d==null?void 0:d.getSnapshot())==null?void 0:J.drawings)==null?void 0:ne[D.drawingId];if(C==null)return;const{distT:P=0,distL:b=0,distB:B=0,distR:V=0,layoutType:M=i.PositionedObjectLayoutType.INLINE,behindDoc:j=i.BooleanNumber.FALSE,wrapText:K=i.WrapTextType.BOTH_SIDES}=C;if(A({distT:P,distL:b,distB:B,distR:V}),x(K),p(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?I(!0):I(!1),M===i.PositionedObjectLayoutType.WRAP_NONE)j===i.BooleanNumber.TRUE?y(ae.BEHIND_TEXT):y(ae.IN_FRONT_OF_TEXT);else switch(M){case i.PositionedObjectLayoutType.INLINE:y(ae.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:y(ae.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ae.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${M}`)}}return Y.useEffect(()=>{U();const D=n.focus$.subscribe(P=>{if(P.length===0){E(!1);return}E(!0),q(P[0])}),C=e.onCommandExecuted(async P=>{P.id===k.RichTextEditingMutation.id&&U()});return()=>{D.unsubscribe(),C.dispose()}},[]),u.jsxs("div",{className:N.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-text-wrap.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrappingStyle")})})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn),children:u.jsxs(N.RadioGroup,{value:T,onChange:_,direction:"vertical",children:[u.jsx(N.Radio,{value:ae.INLINE,children:t.t("image-text-wrap.inline")}),u.jsx(N.Radio,{value:ae.WRAP_SQUARE,children:t.t("image-text-wrap.square")}),u.jsx(N.Radio,{value:ae.WRAP_TOP_AND_BOTTOM,children:t.t("image-text-wrap.topAndBottom")}),u.jsx(N.Radio,{value:ae.BEHIND_TEXT,children:t.t("image-text-wrap.behindText")}),u.jsx(N.Radio,{value:ae.IN_FRONT_OF_TEXT,children:t.t("image-text-wrap.inFrontText")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrapText")})})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn),children:u.jsxs(N.RadioGroup,{disabled:m,value:O,onChange:F,direction:"horizontal",children:[u.jsx(N.Radio,{value:i.WrapTextType.BOTH_SIDES,children:t.t("image-text-wrap.bothSide")}),u.jsx(N.Radio,{value:i.WrapTextType.LEFT,children:t.t("image-text-wrap.leftOnly")}),u.jsx(N.Radio,{value:i.WrapTextType.RIGHT,children:t.t("image-text-wrap.rightOnly")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.distanceFromText")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.top")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:Ee,max:Ae,disabled:f,precision:1,value:R.distT,onChange:D=>{z(D,"distT")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.left")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:Ee,max:Ae,disabled:S,precision:1,value:R.distL,onChange:D=>{z(D,"distL")},className:v.imageCommonPanelInput})})})]})})]}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.bottom")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:Ee,max:Ae,disabled:f,precision:1,value:R.distB,onChange:D=>{z(D,"distB")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.right")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:Ee,max:Ae,disabled:S,precision:1,value:R.distR,onChange:D=>{z(D,"distR")},className:v.imageCommonPanelInput})})})]})})]})]})},tt=()=>{const o=W.useDependency($.IDrawingManagerService),e=o.getFocusDrawings(),[t,n]=Y.useState(e);return Y.useEffect(()=>{const r=o.focus$.subscribe(s=>{n(s)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&u.jsxs("div",{className:v.imageCommonPanel,children:[u.jsx(De.DrawingCommonPanel,{drawings:t,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),u.jsx(nt,{drawings:t}),u.jsx(et,{drawings:t})]})},_n="addition-and-subtraction-single",tn="doc.menu.image",Dn=Qe.id,it=o=>{const e=o.get(k.DocSelectionManagerService),t=o.get(i.IUniverInstanceService);return new ee.Observable(n=>{const r=e.textSelection$.subscribe(()=>{var a;const s=e.getActiveTextRange();if(s){const{segmentId:c,startOffset:l,endOffset:d}=s,g=t.getCurrentUniverDocInstance(),h=(a=g==null?void 0:g.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:a.tables;if(h&&h.length&&h.some(m=>{const{startIndex:p,endIndex:f}=m;return l>=p&&l<f||d>=p&&d<f})){n.next(!0);return}}else{n.next(!0);return}n.next(!1)});return()=>r.unsubscribe()})};function rt(o){return{id:tn,type:W.MenuItemType.SUBITEMS,icon:_n,tooltip:"docImage.title",disabled$:it(o),hidden$:W.getMenuHiddenObservable(o,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function ot(o){return{id:Dn,title:"docImage.upload.float",type:W.MenuItemType.BUTTON,hidden$:W.getMenuHiddenObservable(o,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const st={[W.RibbonStartGroup.LAYOUT]:{[tn]:{order:0,menuItemFactory:rt,[Dn]:{order:0,menuItemFactory:ot}}}};function Pe(o){return o.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&o.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const at={id:ye.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_DOWN,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.DOWN}},ct={id:ye.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_UP,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.UP}},dt={id:ye.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_LEFT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.LEFT}},lt={id:ye.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_RIGHT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.RIGHT}},gt={id:Ke.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Pe,binding:W.KeyCode.DELETE,mac:W.KeyCode.BACKSPACE};var mt=Object.getOwnPropertyDescriptor,ut=(o,e,t,n)=>{for(var r=n>1?void 0:n?mt(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},je=(o,e)=>(t,n)=>e(t,n,o);let Be=class extends i.Disposable{constructor(o,e,t,n){super(),this._componentManager=o,this._menuManagerService=e,this._commandService=t,this._shortcutService=n,this._init()}_initCustomComponents(){const o=this._componentManager;this.disposeWithMe(o.register(_n,In)),this.disposeWithMe(o.register(Sn,tt))}_initMenus(){this._menuManagerService.mergeMenu(st)}_initCommands(){[Qe,Ve,gn,mn,un,xe,hn,pn,We,en,wn,nn,Ye,Ze,ye,Ke,Je].forEach(o=>this.disposeWithMe(this._commandService.registerCommand(o)))}_initShortcuts(){[at,ct,dt,lt,gt].forEach(o=>{this.disposeWithMe(this._shortcutService.registerShortcut(o))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Be=ut([je(0,i.Inject(W.ComponentManager)),je(1,W.IMenuManagerService),je(2,i.ICommandService),je(3,W.IShortcutService)],Be);var ht=Object.getOwnPropertyDescriptor,pt=(o,e,t,n)=>{for(var r=n>1?void 0:n?ht(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Te=(o,e)=>(t,n)=>e(t,n,o);function $e(o,e){const{top:t,left:n,width:r,height:s,angle:a,opacity:c}=o,l=e.scene,d=l.getViewport(X.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:g,viewportScrollY:h}=d,{scaleX:m,scaleY:p}=l.getAncestorScale();return{startX:(n-g)*m,startY:(t-h)*p,endX:(n+r-g)*m,endY:(t+s-h)*p,width:r*m,height:s*p,rotate:a,absolute:{left:!1,top:!1},opacity:c!=null?c:1}}exports.DocFloatDomController=class extends i.Disposable{constructor(t,n,r,s,a,c){super();le(this,"_domLayerInfoMap",new Map);this._renderManagerService=t,this._drawingManagerService=n,this._drawingRenderService=r,this._canvasFloatDomService=s,this._univerInstanceService=a,this._commandService=c,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const n=this._renderManagerService.getRenderById(t);if(n==null)return null;const r=n.scene,s=r.getTransformerByCreate();return{scene:r,transformer:s,renderUnit:n,canvas:n.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertRects(t)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(t=>{t.forEach(n=>{this._removeDom(n.drawingId)})}))}_insertRects(t){t.forEach(async n=>{const{unitId:r}=n;if(!this._univerInstanceService.getUnit(r,i.UniverInstanceType.UNIVER_DOC))return;const a=this._getSceneAndTransformerByDrawingSearch(r);if(a==null)return;const c=this._drawingManagerService.getDrawingByParam(n);if(c==null)return;const l=await this._drawingRenderService.renderFloatDom(c,a.scene);if(!(l==null||l.length===0))for(const d of l){this._addHoverForRect(d);const g=new i.DisposableCollection,h=$e(d,a.renderUnit),m=new ee.BehaviorSubject(h),p=a.canvas,f=c.data,w={dispose:g,rect:d,position$:m,unitId:r};this._canvasFloatDomService.addFloatDom({position$:m,id:c.drawingId,componentKey:c.componentKey,onPointerDown:I=>{p.dispatchEvent(new PointerEvent(I.type,I))},onPointerMove:I=>{p.dispatchEvent(new PointerEvent(I.type,I))},onPointerUp:I=>{p.dispatchEvent(new PointerEvent(I.type,I))},onWheel:I=>{p.dispatchEvent(new WheelEvent(I.type,I))},data:f,unitId:r});const S=d.onTransformChange$.subscribeEvent(()=>{const I=$e(d,a.renderUnit);m.next(I)});g.add(()=>{this._canvasFloatDomService.removeFloatDom(c.drawingId)}),S&&g.add(S),this._domLayerInfoMap.set(c.drawingId,w)}})}_addHoverForRect(t){this.disposeWithMe(i.toDisposable(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=L.CURSOR_TYPE.GRAB}))),this.disposeWithMe(i.toDisposable(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=L.CURSOR_TYPE.DEFAULT})))}_removeDom(t){const n=this._domLayerInfoMap.get(t);if(!n)return;const{unitId:r}=n;this._domLayerInfoMap.delete(t),n.dispose.dispose();const s=this._getSceneAndTransformerByDrawingSearch(r);s&&s.scene.removeObject(n.rect)}_initScrollAndZoomEvent(){const t=n=>{const r=this._getSceneAndTransformerByDrawingSearch(n);r&&this._domLayerInfoMap.forEach(s=>{if(s.unitId!==n)return;const a=$e(s.rect,r.renderUnit);s.position$.next(a)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.map(n=>{if(!n)return null;const r=n.getUnitId(),s=this._renderManagerService.getRenderById(r);return s?{render:s,unitId:r}:null}),ee.switchMap(n=>n?i.fromEventSubject(n.render.scene.getViewport(X.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(ee.map(()=>({unitId:n.unitId}))):ee.of(null))).subscribe(n=>{if(!n)return;const{unitId:r}=n;t(r)})),this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id===X.SetDocZoomRatioOperation.id){const r=n.params,{unitId:s}=r;t(s)}}))}insertFloatDom(t,n){var S,I,T;const r=this._univerInstanceService.getCurrentUnitOfType(i.UniverInstanceType.UNIVER_DOC);if(!r)return!1;const s=this._getSceneAndTransformerByDrawingSearch(r.getUnitId());if(!s)return!1;const l=(S=s.renderUnit.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:S.pages[0];if(!l)return!1;const{pageWidth:d,marginLeft:g,marginRight:h}=l,m=d-g-h,p={size:{width:(I=n.width)!=null?I:m,height:n.height},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},f=(T=n.drawingId)!=null?T:i.generateRandomId(),w={unitId:r.getUnitId(),drawings:[{drawingId:f,drawingType:i.DrawingTypeEnum.DRAWING_DOM,subUnitId:r.getUnitId(),unitId:r.getUnitId(),...t,title:"",description:"",docTransform:p,layoutType:i.PositionedObjectLayoutType.INLINE,transform:X.docDrawingPositionToTransform(p)}]};return this._commandService.syncExecuteCommand(Ve.id,w),f}};exports.DocFloatDomController=pt([Te(0,L.IRenderManagerService),Te(1,$.IDrawingManagerService),Te(2,i.Inject(De.DrawingRenderService)),Te(3,i.Inject(W.CanvasFloatDomService)),Te(4,i.IUniverInstanceService),Te(5,i.ICommandService)],exports.DocFloatDomController);var ft=Object.getOwnPropertyDescriptor,vt=(o,e,t,n)=>{for(var r=n>1?void 0:n?ft(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Me=(o,e)=>(t,n)=>e(t,n,o);let ke=class extends i.RxDisposable{constructor(e,t,n,r,s){super();le(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=t,this._renderManagerService=n,this._univerInstanceService=r,this._contextService=s,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const t=e.getUnitId();this._renderManagerService.removeRender(t)}_create(e){if(!e)return;const t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){const t=e.getAllObjects();for(const n of t)if(n instanceof De.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var s;const t=(s=this._renderManagerService.getRenderById(e))==null?void 0:s.scene;if(!t)return;const n=t.getTransformerByCreate();if(!n)return;const r=[];this.disposeWithMe(i.toDisposable(n.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const a=n.getSelectedObjectMap();if(r.forEach(I=>I.dispose()),r.length=0,a.size>1)return;const c=a.values().next().value;if(!c)return;const l=c.oKey,d=this._drawingManagerService.getDrawingOKey(l);if(!d||d.drawingType===i.DrawingTypeEnum.DRAWING_DOM)return;const{unitId:g,subUnitId:h,drawingId:m,drawingType:p}=d,f=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:De.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,h,m,p)}},g);r.push(this.disposeWithMe(f)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===g&&I.subUnitId===h&&I.drawingId===m)&&this._drawingManagerService.focusDrawing([{unitId:g,subUnitId:h,drawingId:m}])}))),this.disposeWithMe(i.toDisposable(n.clearControl$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(n.changing$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(n.changeStart$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0})))}_getImageMenuItems(e,t,n,r){return[{label:"image-popup.edit",index:0,commandId:nn.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:"image-popup.delete",index:1,commandId:We.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:t,drawingId:n}]},disable:!1},{label:"image-popup.crop",index:2,commandId:De.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:"image-popup.reset",index:3,commandId:De.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:t,drawingId:n}],disable:!0}]}};ke=vt([Me(0,$.IDrawingManagerService),Me(1,i.Inject(X.DocCanvasPopManagerService)),Me(2,L.IRenderManagerService),Me(3,i.IUniverInstanceService),Me(4,i.IContextService)],ke);var It=Object.getOwnPropertyDescriptor,wt=(o,e,t,n)=>{for(var r=n>1?void 0:n?It(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},_e=(o,e)=>(t,n)=>e(t,n,o);let qe=class extends i.Disposable{constructor(e,t,n,r,s,a,c,l){super();le(this,"_liquid",new L.Liquid);this._context=e,this._docSkeletonManagerService=t,this._commandService=n,this._editorService=r,this._drawingManagerService=s,this._docRefreshDrawingsService=a,this._univerInstanceService=c,this._lifecycleService=l,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[k.RichTextEditingMutation.id,X.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(e.includes(t.id)){const n=t.params,{unitId:r}=n,{unitId:s,mainComponent:a}=this._context;if(r!==s)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(s)&&s!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){a==null||a.makeDirty();return}this._refreshDrawing(c)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(ee.filter(e=>e.type===L.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),ee.debounceTime(16)).subscribe(()=>{var n;const e=this._docSkeletonManagerService.getSkeleton(),{scene:t}=this._context;(n=t.getTransformer())==null||n.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var T,y;const t=e==null?void 0:e.getSkeletonData(),{mainComponent:n,unitId:r}=this._context,s=n;if(!t)return;const{left:a,top:c,pageLayoutType:l,pageMarginLeft:d,pageMarginTop:g}=s,{pages:h,skeHeaders:m,skeFooters:p}=t,f={};this._liquid.reset();for(let O=0,x=h.length;O<x;O++){const R=h[O],{headerId:A,footerId:H,pageWidth:E}=R;if(A){const _=(T=m.get(A))==null?void 0:T.get(E);_&&this._calculateDrawingPosition(r,_,a,c,f,_.marginTop,R.marginLeft)}if(H){const _=(y=p.get(H))==null?void 0:y.get(E);_&&this._calculateDrawingPosition(r,_,a,c,f,R.pageHeight-R.marginBottom+_.marginTop,R.marginLeft)}this._calculateDrawingPosition(r,R,a,c,f,R.marginTop,R.marginLeft),this._liquid.translatePage(R,l,d,g)}const w=Object.values(f),S=w.filter(O=>!O.isMultiTransform),I=w.filter(O=>O.isMultiTransform);S.length>0&&this._drawingManagerService.refreshTransform(S),this._handleMultiDrawingsTransform(I)}_handleMultiDrawingsTransform(e){const{scene:t,unitId:n}=this._context,r=t.getTransformerByCreate();e.forEach(l=>{const d=this._drawingManagerService.getDrawingByParam(l);d!=null&&(d.transform=l.transform,d.transforms=l.transforms,d.isMultiTransform=l.isMultiTransform)});const a=[...r.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(n,n)).filter(l=>l.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),e.length>0&&this._drawingManagerService.addNotification(e);for(const l of a){const d=t.getObject(l);d&&r.setSelectedControl(d)}}_calculateDrawingPosition(e,t,n,r,s,a,c){const{skeDrawings:l}=t;this._liquid.translatePagePadding({marginTop:a,marginLeft:c}),l.forEach(d=>{const{aLeft:g,aTop:h,height:m,width:p,angle:f,drawingId:w,drawingOrigin:S}=d,I=S.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&S.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:T=i.BooleanNumber.FALSE}=S,y={left:g+n+this._liquid.x,top:h+r+this._liquid.y,width:p,height:m,angle:f};s[w]==null?s[w]={unitId:e,subUnitId:e,drawingId:w,behindText:I,transform:y,transforms:[y],isMultiTransform:T}:T===i.BooleanNumber.TRUE&&s[w].transforms.push(y)}),this._liquid.restorePagePadding({marginTop:a,marginLeft:c})}_drawingInitializeListener(){const e=()=>{const t=this._docSkeletonManagerService.getSkeleton();t!=null&&(this._refreshDrawing(t),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=i.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?e():setTimeout(e,500):this._lifecycleService.lifecycle$.pipe(ee.filter(t=>t===i.LifecycleStages.Rendered)).subscribe(e)}};qe=wt([_e(1,i.Inject(k.DocSkeletonManagerService)),_e(2,i.ICommandService),_e(3,X.IEditorService),_e(4,$.IDrawingManagerService),_e(5,i.Inject(He)),_e(6,i.IUniverInstanceService),_e(7,i.Inject(i.LifecycleService))],qe);var St=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,Dt=(o,e,t)=>e in o?St(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,Ct=(o,e,t,n)=>{for(var r=n>1?void 0:n?_t(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},ze=(o,e)=>(t,n)=>e(t,n,o),Cn=(o,e,t)=>Dt(o,typeof e!="symbol"?e+"":e,t);const Tt="DOC_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(e=sn,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerSrv=n,this._configService=r;const{...s}=i.merge({},sn,this._config);this._configService.setConfig(Mn,s)}onStarting(){[[Be],[ke],[Le],[Ue],[He],[exports.DocFloatDomController]].forEach(t=>this._injector.add(t))}onReady(){[[Fe],[qe]].forEach(e=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(Ue),this._injector.get(Be),this._injector.get(Le)}onRendered(){this._injector.get(ke),this._injector.get(exports.DocFloatDomController)}};Cn(exports.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC);Cn(exports.UniverDocsDrawingUIPlugin,"pluginName",Tt);exports.UniverDocsDrawingUIPlugin=Ct([i.DependentOn(De.UniverDrawingUIPlugin,$.UniverDrawingPlugin,fe.UniverDocsDrawingPlugin,W.UniverUIPlugin),ze(1,i.Inject(i.Injector)),ze(2,L.IRenderManagerService),ze(3,i.IConfigService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=wn;exports.DOCS_IMAGE_MENU_ID=tn;exports.DeleteDocDrawingsCommand=Ke;exports.EditDocDrawingOperation=nn;exports.GroupDocDrawingCommand=Ye;exports.InsertDocDrawingCommand=Ve;exports.InsertDocImageCommand=Qe;exports.MoveDocDrawingsCommand=ye;exports.RemoveDocDrawingCommand=We;exports.SetDocDrawingArrangeCommand=Je;exports.SidebarDocDrawingOperation=en;exports.UngroupDocDrawingCommand=Ze;
1
+ "use strict";var bn=Object.defineProperty;var Rn=(o,e,t)=>e in o?bn(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var le=(o,e,t)=>Rn(o,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@univerjs/core"),fe=require("@univerjs/docs-drawing"),$=require("@univerjs/drawing"),De=require("@univerjs/drawing-ui"),L=require("@univerjs/engine-render"),W=require("@univerjs/ui"),k=require("@univerjs/docs"),X=require("@univerjs/docs-ui"),ee=require("rxjs"),N=require("@univerjs/design"),u=require("react/jsx-runtime"),Y=require("react"),Mn="docs-drawing-ui.config",sn={};var xn=Object.getOwnPropertyDescriptor,Pn=(o,e,t,n)=>{for(var r=n>1?void 0:n?xn(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Re=(o,e)=>(t,n)=>e(t,n,o);function Nn(o){var n,r,s,a;if(i.JSONX.isNoop(o)||!Array.isArray(o))return null;const e=o.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(e==null||!Array.isArray(e)||e.length<3||typeof e[1]=="string"&&typeof e[2]!="object"||Array.isArray(e[1])&&typeof e[1][1]!="object")return null;const t=[];if(Array.isArray(e==null?void 0:e[1]))for(const c of e)Array.isArray(c)&&t.push({type:(n=c==null?void 0:c[1])!=null&&n.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(r=c==null?void 0:c[1])==null?void 0:r.i});else t.push({type:(s=e[2])!=null&&s.i?"add":"remove",drawingId:e[1],drawing:(a=e[2])==null?void 0:a.i});return t}function En(o){if(!Array.isArray(o)||o.length<3||o[0]!=="drawingsOrder")return[];const e=[];for(let t=1;t<o.length;t++){const n=o[t];if(Array.isArray(n)&&typeof n[0]=="number"&&typeof n[1]=="object")e.push(n[0]);else{e.length=0;break}}return e}let Ue=class extends i.Disposable{constructor(o,e,t,n,r){super(),this._univerInstanceService=o,this._commandService=e,this._drawingManagerService=t,this._docDrawingService=n,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(o=>{if(o.id!==k.RichTextEditingMutation.id)return;const e=o.params,{unitId:t,actions:n}=e,r=Nn(n);if(r!=null)for(const{type:s,drawingId:a,drawing:c}of r)s==="add"?this._addDrawings(t,[c]):this._removeDrawings(t,[a])})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{if(o.id!==k.RichTextEditingMutation.id)return;const e=o.params,{unitId:t,actions:n}=e;En(n).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(o=>{var a;if(o.id!==i.UndoCommand.id&&o.id!==i.RedoCommand.id)return;const e=(a=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:a.getUnitId(),t=this._drawingManagerService.getFocusDrawings();if(e==null||t.length===0)return;const n=this._renderManagerService.getRenderById(e),r=n==null?void 0:n.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(o,e){const t=this._drawingManagerService,n=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(e),{subUnitId:s,redo:a,objects:c}=r;t.applyJson1(o,s,a),n.applyJson1(o,s,a),t.addNotification(c),n.addNotification(c)}_removeDrawings(o,e){const t=this._drawingManagerService,n=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(e.map(l=>({unitId:o,subUnitId:o,drawingId:l}))),{subUnitId:s,redo:a,objects:c}=r;t.applyJson1(o,s,a),n.applyJson1(o,s,a),t.removeNotification(c),n.removeNotification(c)}_updateDrawingsOrder(o){const e=this._univerInstanceService.getUniverDocInstance(o);if(e==null)return;const t=e.getSnapshot().drawingsOrder;if(t==null)return;const n=this._drawingManagerService,r=this._docDrawingService;n.setDrawingOrder(o,o,t),r.setDrawingOrder(o,o,t);const s={unitId:o,subUnitId:o,drawingIds:t};n.orderNotification(s),r.orderNotification(s)}};Ue=Pn([Re(0,i.IUniverInstanceService),Re(1,i.ICommandService),Re(2,$.IDrawingManagerService),Re(3,fe.IDocDrawingService),Re(4,L.IRenderManagerService)],Ue);class He{constructor(){le(this,"_refreshDrawings$",new ee.BehaviorSubject(null));le(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(e){this._refreshDrawings$.next(e)}}var ae=(o=>(o.INLINE="inline",o.BEHIND_TEXT="behindText",o.IN_FRONT_OF_TEXT="inFrontOfText",o.WRAP_SQUARE="wrapSquare",o.WRAP_TOP_AND_BOTTOM="wrapTopAndBottom",o))(ae||{});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 ln(o,e,t,n,r,s,a){var p,f;const c=new i.TextX,l=i.JSONX.getInstance(),d=[],g=s.getSelfOrHeaderFooterModel(e).getBody(),h=s.getSelfOrHeaderFooterModel(o).getBody();if(g==null||h==null)return;const m=(f=(p=g.customBlocks)==null?void 0:p.find(w=>w.blockId===r))==null?void 0:f.startIndex;if(m!=null){if(n=Math.min(h.dataStream.length-2,n),o===e){if(n<m?(n>0&&c.push({t:i.TextXActionType.RETAIN,len:n}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),c.push({t:i.TextXActionType.RETAIN,len:m-n}),c.push({t:i.TextXActionType.DELETE,len:1})):(m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1}),n-m-1>0&&c.push({t:i.TextXActionType.RETAIN,len:n-m-1}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),n!==m){const w=X.getRichTextEditPath(s,e),S=l.editOp(c.serialize(),w);d.push(S)}}else{m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1});let w=X.getRichTextEditPath(s,e),S=l.editOp(c.serialize(),w);d.push(S),c.empty(),n>0&&c.push({t:i.TextXActionType.RETAIN,len:n}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),w=X.getRichTextEditPath(s,o),S=l.editOp(c.serialize(),w),d.push(S),a.setSegment(o),a.setSegmentPage(t)}return d}}const gn={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(o,e)=>{var A,H;if(e==null)return!1;const{drawings:t,wrappingStyle:n,unitId:r}=e,s=o.get(i.ICommandService),a=o.get(i.IUniverInstanceService),l=o.get(L.IRenderManagerService).getRenderById(r),d=l==null?void 0:l.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData(),g=l==null?void 0:l.with(k.DocSkeletonManagerService).getViewModel(),h=l==null?void 0:l.scene,m=a.getCurrentUniverDocInstance();if(m==null||d==null||h==null||g==null)return!1;const p=g.getEditArea(),f=h.getTransformerByCreate(),{pages:w,skeHeaders:S,skeFooters:I}=d,T=i.JSONX.getInstance(),y=[],{drawings:O={}}=m.getSnapshot();for(const E of t){const{drawingId:_}=E,F=O[_].layoutType,z=An[n];if(F!==z){const C=T.replaceOp(["drawings",_,"layoutType"],F,z);y.push(C)}if(n==="behindText"||n==="inFrontOfText"){const C=O[_].behindDoc,P=n==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(C!==P){const b=T.replaceOp(["drawings",_,"behindDoc"],C,P);y.push(b)}}if(n==="inline")continue;let U=null,q=0,D=0;for(const C of w){const{headerId:P,footerId:b,marginTop:B,marginLeft:V,marginBottom:M,pageWidth:j,pageHeight:K}=C;switch(p){case L.DocumentEditArea.HEADER:{const G=(A=S.get(P))==null?void 0:A.get(j);G!=null&&G.skeDrawings.has(_)&&(U=G.skeDrawings.get(_),q=G.marginTop,D=V);break}case L.DocumentEditArea.FOOTER:{const G=(H=I.get(b))==null?void 0:H.get(j);G!=null&&G.skeDrawings.has(_)&&(U=G.skeDrawings.get(_),q=K-M+G.marginTop,D=V);break}case L.DocumentEditArea.BODY:{C.skeDrawings.has(_)&&(U=C.skeDrawings.get(_),q=B,D=V);break}}if(U!=null)break}if(U!=null){const{aTop:C,aLeft:P}=U,b=O[_].docTransform.positionH;let B=P;b.relativeFrom===i.ObjectRelativeFromH.MARGIN?B-=D:b.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(B-=U.columnLeft);const V={relativeFrom:b.relativeFrom,posOffset:B};if(b.posOffset!==V.posOffset){const G=T.replaceOp(["drawings",_,"docTransform","positionH"],b,V);y.push(G)}const M=O[_].docTransform.positionV;let j=C;M.relativeFrom===i.ObjectRelativeFromV.PAGE?j+=q:M.relativeFrom===i.ObjectRelativeFromV.LINE?j-=U.lineTop:M.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(j-=U.blockAnchorTop);const K={relativeFrom:M.relativeFrom,posOffset:j};if(M.posOffset!==K.posOffset){const G=T.replaceOp(["drawings",_,"docTransform","positionV"],M,K);y.push(G)}}}const x={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};x.params.actions=y.reduce((E,_)=>i.JSONX.compose(E,_),null);const R=s.syncExecuteCommand(x.id,x.params);return f.refreshControls(),!!R}},mn={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const t=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:s,dist:a,unitId:c}=e,l=i.JSONX.getInstance(),d=[],{drawings:g={}}=r.getSnapshot();for(const p of s){const{drawingId:f}=p;for(const[w,S]of Object.entries(a)){const I=g[f][w];if(I!==S){const T=l.replaceOp(["drawings",f,w],I,S);d.push(T)}}}const h={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=d.reduce((p,f)=>i.JSONX.compose(p,f),null),!!t.syncExecuteCommand(h.id,h.params)}},un={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const t=o.get(i.ICommandService),r=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:s,wrapText:a,unitId:c}=e,l=i.JSONX.getInstance(),d=[],{drawings:g={}}=r.getSnapshot();for(const p of s){const{drawingId:f}=p,w=g[f].wrapText;if(w!==a){const S=l.replaceOp(["drawings",f,"wrapText"],w,a);d.push(S)}}const h={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=d.reduce((p,f)=>i.JSONX.compose(p,f),null),!!t.syncExecuteCommand(h.id,h.params)}},xe={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(o,e)=>{if(e==null)return!1;const t=o.get(i.ICommandService),n=o.get(i.IUniverInstanceService),s=o.get(L.IRenderManagerService).getRenderById(e.unitId),a=s==null?void 0:s.scene;if(a==null)return!1;const c=a.getTransformerByCreate(),l=n.getCurrentUniverDocInstance();if(l==null)return!1;const{drawings:d,unitId:g}=e,h=i.JSONX.getInstance(),m=[],{drawings:p={}}=l.getSnapshot();for(const S of d){const{drawingId:I,key:T,value:y}=S,O=p[I].docTransform[T];if(!i.Tools.diffValue(O,y)){const x=h.replaceOp(["drawings",I,"docTransform",T],O,y);m.push(x)}}const f={id:k.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};f.params.actions=m.reduce((S,I)=>i.JSONX.compose(S,I),null);const w=t.syncExecuteCommand(f.id,f.params);return c.refreshControls(),!!w}},hn={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{var H,E;if(e==null)return!1;const t=o.get(L.IRenderManagerService),n=(H=t.getRenderById(e.unitId))==null?void 0:H.with(X.DocSelectionRenderService),r=o.get(He),s=t.getRenderById(e.unitId),a=s==null?void 0:s.scene,c=s==null?void 0:s.with(k.DocSkeletonManagerService).getSkeleton();if(a==null||n==null)return!1;const l=a.getTransformerByCreate(),d=o.get(i.ICommandService),h=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(h==null)return!1;const{drawing:m,unitId:p,offset:f,segmentId:w,segmentPage:S,needRefreshDrawings:I}=e;if(I)return r.refreshDrawings(c),l.refreshControls(),!0;const T=[],{drawingId:y}=m,O=(E=n.getSegment())!=null?E:"",x=ln(w,O,S,f,y,h,n);if(x==null||x.length===0)return r.refreshDrawings(c),l.refreshControls(),!1;T.push(...x);const R={id:k.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:null}};R.params.actions=T.reduce((_,F)=>i.JSONX.compose(_,F),null);const A=d.syncExecuteCommand(R.id,R.params);return l.refreshControls(),!!A}},pn={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{var U,q;if(e==null)return!1;const t=o.get(L.IRenderManagerService),n=(U=t.getRenderById(e.unitId))==null?void 0:U.with(X.DocSelectionRenderService),r=t.getRenderById(e.unitId),s=r==null?void 0:r.scene;if(s==null||n==null)return!1;const a=s.getTransformerByCreate(),c=o.get(i.ICommandService),d=o.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(d==null)return!1;const{drawing:g,unitId:h,offset:m,docTransform:p,segmentId:f,segmentPage:w}=e,S=[],{drawingId:I}=g,T=(q=n.getSegment())!=null?q:"",y=ln(f,T,w,m,I,d,n);if(y==null)return!1;y.length>0&&S.push(...y);const O=i.JSONX.getInstance(),{drawings:x={}}=d.getSnapshot(),R=x[I].docTransform,{positionH:A,positionV:H,size:E,angle:_}=R;if(!i.Tools.diffValue(A,p.positionH)){const D=O.replaceOp(["drawings",I,"docTransform","positionH"],A,p.positionH);S.push(D)}if(!i.Tools.diffValue(H,p.positionV)){const D=O.replaceOp(["drawings",I,"docTransform","positionV"],H,p.positionV);S.push(D)}if(!i.Tools.diffValue(E,p.size)){const D=O.replaceOp(["drawings",I,"docTransform","size"],E,p.size);S.push(D)}if(!i.Tools.diffValue(_,p.angle)){const D=O.replaceOp(["drawings",I,"docTransform","angle"],_,p.angle);S.push(D)}const F={id:k.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:null,debounce:!0}};F.params.actions=S.reduce((D,C)=>i.JSONX.compose(D,C),null);const z=c.syncExecuteCommand(F.id,F.params);return a.refreshControls(),!!z}};var jn=Object.getOwnPropertyDescriptor,Un=(o,e,t,n)=>{for(var r=n>1?void 0:n?jn(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Ne=(o,e)=>(t,n)=>e(t,n,o);const Ln="__InlineDrawingAnchor__";function an(o){const{path:e}=o;return e.some(t=>t==="cells")}let Le=class extends i.Disposable{constructor(e,t,n,r){super();le(this,"_liquid",new L.Liquid);le(this,"_listenerOnImageMap",new Set);le(this,"_transformerCache",new Map);le(this,"_anchorShape");this._commandService=e,this._univerInstanceService=t,this._drawingManagerService=n,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{if(e.length!==0)for(const t of e){const{unitId:n}=t;this._listenerOnImageMap.has(n)||(this._listenTransformerChange(n),this._listenerOnImageMap.add(n))}}))}_listenTransformerChange(e){var r;const t=(r=this._getSceneAndTransformerByDrawingSearch(e))==null?void 0:r.transformer;if(t==null)return;this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(s=>{var c;this._transformerCache.clear();const{objects:a}=s;for(const l of a.values()){const{oKey:d,width:g,height:h,left:m,top:p,angle:f}=l,w=this._drawingManagerService.getDrawingOKey(d);if(w==null)continue;const S=this._univerInstanceService.getUniverDocInstance(w.unitId),I=(c=S==null?void 0:S.getSnapshot().drawings)==null?void 0:c[w.drawingId];if((I==null?void 0:I.layoutType)===i.PositionedObjectLayoutType.INLINE)try{l.setOpacity(.2)}catch{}I!=null&&this._transformerCache.set(w.drawingId,{drawing:I,top:p,left:m,width:g,height:h,angle:f})}})));const n=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(s=>{const{objects:a,offsetX:c,offsetY:l}=s;if(a.size>1)n(a);else if(a.size===1){const d=this._transformerCache.values().next().value,g=a.values().next().value,{width:h,height:m,top:p,left:f,angle:w}=g;if(d&&h===d.width&&m===d.height&&p===d.top&&f===d.left&&w===d.angle)return;d&&(d.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),d&&d.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&c!=null&&l!=null&&this._updateInlineDrawingAnchor(d.drawing,c,l)}}))),this.disposeWithMe(i.toDisposable(t.changeEnd$.subscribe(s=>{const{objects:a,offsetX:c,offsetY:l}=s;for(const d of a.values()){const g=this._drawingManagerService.getDrawingOKey(d.oKey);if(g==null)continue;const h=this._transformerCache.get(g==null?void 0:g.drawingId);if((h==null?void 0:h.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE)try{d.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),a.size>1)this._updateMultipleDrawingDocTransform(a);else if(a.size===1){const d=this._transformerCache.values().next().value,g=a.values().next().value,{width:h,height:m,top:p,left:f,angle:w}=g;if(d&&h===d.width&&m===d.height&&p===d.top&&f===d.left&&w===d.angle)return;d&&d.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?h!==d.width||m!==d.height||w!==d.angle?this._updateDrawingSize(d,g):c!=null&&l!=null&&this._moveInlineDrawing(d.drawing,c,l):d&&this._nonInlineDrawingTransform(d.drawing,g)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(e){if(e.size<1)return;const t=[];let n,r;for(const s of e.values()){const{oKey:a,left:c,top:l,angle:d}=s;let{width:g,height:h}=s;const m=this._drawingManagerService.getDrawingOKey(a);if(m==null)continue;n==null&&(n=m.unitId),r==null&&(r=m.subUnitId);const p=this._transformerCache.get(m.drawingId);if(p==null)continue;const{drawing:f,top:w,left:S,width:I,height:T,angle:y}=p,{width:O,height:x}=this._getPageContentSize(f);if(g=Math.min(g,O),h=Math.min(h,x),(I!==g||T!==h)&&t.push({drawingId:m.drawingId,key:"size",value:{width:g,height:h}}),y!==d&&t.push({drawingId:m.drawingId,key:"angle",value:d}),w!==l||S!==c){const R=l-w,A=c-S;R!==0&&t.push({drawingId:m.drawingId,key:"positionV",value:{relativeFrom:f.docTransform.positionV.relativeFrom,posOffset:f.docTransform.positionV.posOffset+R}}),A!==0&&t.push({drawingId:m.drawingId,key:"positionH",value:{relativeFrom:f.docTransform.positionH.relativeFrom,posOffset:f.docTransform.positionH.posOffset+A}})}}t.length>0&&n&&r&&this._commandService.executeCommand(xe.id,{unitId:n,subUnitId:r,drawings:t})}_updateDrawingAnchor(e){if(this._transformerCache.size!==1)return;const t=this._transformerCache.values().next().value,n=e.values().next().value;this._getDrawingAnchor(t.drawing,n)}_updateInlineDrawingAnchor(e,t,n){var s;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(s=this._getInlineDrawingAnchor(e,t,n))!=null?s:{};r!=null&&this._createOrUpdateInlineAnchor(e.unitId,r)}_getInlineDrawingAnchor(e,t,n){var U,q;const r=this._renderManagerService.getRenderById(e.unitId),s=r==null?void 0:r.with(k.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:a,scene:c}=r,l=a,d=c.getViewports()[0],{pageLayoutType:g=L.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:m}=l.getOffsetConfig();let p=null,f=!1,w=-1,S="";const I=.5,T=this._getTransformCoordForDocumentOffset(l,d,t,n);if(T==null)return;const y=(U=this._renderManagerService.getRenderById(e.unitId))==null?void 0:U.with(X.DocSelectionRenderService);if(y==null)return;const O=s==null?void 0:s.findNodeByCoord(T,g,h,m,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(O){const{node:D,ratioX:C,segmentPage:P,segmentId:b}=O;f=C<I,p=D,w=P,S=b}if(p==null)return;const x=s==null?void 0:s.findPositionByGlyph(p,w),R=this._getDocObject();if(x==null||s==null||R==null||an(x))return;const A={...x,isBack:f},H=R.document.getOffsetConfig(),E=new X.NodePositionConvertToCursor(H,s),{cursorList:_,contentBoxPointGroup:F}=E.getRangePointData(A,A),{startOffset:z}=(q=X.getOneTextSelectionRange(_))!=null?q:{};if(z!=null)return{offset:z,contentBoxPointGroup:F,segmentId:S,segmentPage:w}}_getDrawingAnchor(e,t){var ge,me,ie,ue,he,Ie,we,pe,re,oe,Se;const n=this._renderManagerService.getRenderById(e.unitId),r=n==null?void 0:n.with(k.DocSkeletonManagerService).getSkeleton(),s=r==null?void 0:r.getSkeletonData();if(s==null||n==null)return;const{pages:a,skeHeaders:c,skeFooters:l}=s,{mainComponent:d,scene:g}=n,h=d,m=g.getViewports()[0],{pageLayoutType:p=L.PageLayoutType.VERTICAL,pageMarginLeft:f,pageMarginTop:w,docsLeft:S,docsTop:I}=h.getOffsetConfig(),{left:T,top:y,angle:O}=t;let{width:x,height:R}=t;const{positionV:A,positionH:H}=e.docTransform,{width:E,height:_}=this._getPageContentSize(e);x=Math.min(x,E),R=Math.min(R,_);let F=null,z="",U=-1;const q=!1,D={...e.docTransform,size:{width:x,height:R},angle:O},{x:C,y:P}=g.getViewportScrollXY(m),b=this._getTransformCoordForDocumentOffset(h,m,T-C,y-P);if(b==null)return;const B=(ge=this._renderManagerService.getRenderById(e.unitId))==null?void 0:ge.with(X.DocSelectionRenderService);if(B==null)return;const V=r==null?void 0:r.findNodeByCoord(b,p,f,w,{strict:!1,segmentId:B.getSegment(),segmentPage:B.getSegmentPage()});if(V){const{node:de,segmentPage:Ge,segmentId:Xe}=V;F=de,U=Ge,z=Xe}if(F==null)return;const M=(me=F.parent)==null?void 0:me.parent,j=M==null?void 0:M.parent,K=(ie=j==null?void 0:j.lines.find(de=>de.paragraphIndex===(M==null?void 0:M.paragraphIndex)&&de.paragraphStart))!=null?ie:j==null?void 0:j.lines[0],G=(ue=j==null?void 0:j.parent)==null?void 0:ue.parent;if(M==null||j==null||K==null||G==null)return;this._liquid.reset();const J=G.type;for(const de of a){const{headerId:Ge,footerId:Xe,pageHeight:Tn,pageWidth:rn,marginLeft:on,marginBottom:yn}=de,On=a.indexOf(de);if(U>-1&&On===U){switch(J){case L.DocumentSkeletonPageType.HEADER:{const be=(he=c.get(Ge))==null?void 0:he.get(rn);if(be)this._liquid.translatePagePadding({marginTop:be.marginTop,marginLeft:on});else throw new Error("header skeleton not found");break}case L.DocumentSkeletonPageType.FOOTER:{const be=(Ie=l.get(Xe))==null?void 0:Ie.get(rn);if(be)this._liquid.translatePagePadding({marginTop:Tn-yn+be.marginTop,marginLeft:on});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(de),de===G)break;this._liquid.restorePagePadding(de),this._liquid.translatePage(de,p,f,w)}switch(A.relativeFrom===i.ObjectRelativeFromV.LINE?F=M.divides[0].glyphGroup[0]:F=(oe=(re=(pe=(we=K.divides)==null?void 0:we[0])==null?void 0:pe.glyphGroup)==null?void 0:re[0])!=null?oe:F,D.positionH={relativeFrom:H.relativeFrom,posOffset:T-this._liquid.x-S},H.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{D.positionH.posOffset=T-this._liquid.x-S-G.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{D.positionH.posOffset=T-this._liquid.x-S-j.left;break}}switch(D.positionV={relativeFrom:A.relativeFrom,posOffset:y-this._liquid.y-I},A.relativeFrom){case i.ObjectRelativeFromV.PAGE:{D.positionV.posOffset=y-this._liquid.y-I-G.marginTop;break}case i.ObjectRelativeFromV.LINE:{D.positionV.posOffset=y-this._liquid.y-I-M.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{D.positionV.posOffset=y-this._liquid.y-I-K.top;break}}if(F==null)return;const ne=r==null?void 0:r.findPositionByGlyph(F,U),Ce=this._getDocObject();if(ne==null||r==null||Ce==null||an(ne))return;const ve={...ne,isBack:q},Oe=Ce.document.getOffsetConfig(),te=new X.NodePositionConvertToCursor(Oe,r),{cursorList:Z}=te.getRangePointData(ve,ve),{startOffset:Q}=(Se=X.getOneTextSelectionRange(Z))!=null?Se:{};if(Q!=null)return{offset:Q,docTransform:D,segmentId:z,segmentPage:U}}_updateDrawingSize(e,t){const n=[],{drawing:r,width:s,height:a,angle:c}=e,{unitId:l,subUnitId:d}=r;let{width:g,height:h,angle:m}=t;const{width:p,height:f}=this._getPageContentSize(r);g=Math.min(p,g),h=Math.min(f,h),(g!==s||h!==a)&&n.push({drawingId:r.drawingId,key:"size",value:{width:g,height:h}}),m!==c&&n.push({drawingId:r.drawingId,key:"angle",value:m}),n.length>0&&l&&d&&this._commandService.executeCommand(xe.id,{unitId:l,subUnitId:d,drawings:n})}_moveInlineDrawing(e,t,n){const r=this._getInlineDrawingAnchor(e,t,n),{offset:s,segmentId:a,segmentPage:c}=r!=null?r:{};return this._commandService.executeCommand(hn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:s,segmentId:a,segmentPage:c,needRefreshDrawings:s==null})}_limitDrawingInPage(e,t){const n=this._renderManagerService.getRenderById(e.unitId),{left:r,top:s,width:a,height:c,angle:l}=t,d=n==null?void 0:n.with(k.DocSkeletonManagerService).getSkeleton(),g=d==null?void 0:d.getSkeletonData(),{pages:h}=g!=null?g:{};if(g==null||n==null||h==null)return{left:r,top:s,width:a,height:c,angle:l};const{mainComponent:m}=n,p=m,{top:f,pageLayoutType:w,pageMarginLeft:S,pageMarginTop:I}=p;let T=s;this._liquid.reset();for(const y of h){const{marginBottom:O,pageHeight:x}=y,R=h.indexOf(y),A=h[R+1];if(A==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(s,s+c,this._liquid.y+f+x-O,this._liquid.y+f+x+I+A.marginTop)){const E=s+c/2,_=this._liquid.y+f+x+I/2;E<_?T=Math.min(s,this._liquid.y+f+x-O-c):T=Math.max(s,this._liquid.y+f+x+I+A.marginTop)}this._liquid.translatePage(y,w,S,I)}return{left:r,top:T,width:a,height:c,angle:l}}_nonInlineDrawingTransform(e,t,n=!1){const r=e.isMultiTransform===i.BooleanNumber.TRUE?t:this._limitDrawingInPage(e,t);if(n&&r.top!==t.top)return;const s=this._getDrawingAnchor(e,r),{offset:a,docTransform:c,segmentId:l,segmentPage:d}=s!=null?s:{};return a==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[e.drawingId,t]])):this._commandService.executeCommand(pn.id,{unitId:e.unitId,subUnitId:e.unitId,drawing:e,offset:a,docTransform:c,segmentId:l,segmentPage:d})}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;const t=this._renderManagerService.getRenderById(e),n=t==null?void 0:t.scene;if(n==null)return;const r=n.getTransformerByCreate();return{scene:n,transformer:r}}_getTransformCoordForDocumentOffset(e,t,n,r){const{documentTransform:s}=e.getOffsetConfig(),a=t.transformVector2SceneCoord(L.Vector2.FromArray([n,r]));if(a)return s.clone().invert().applyPoint(a)}_createOrUpdateInlineAnchor(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{mainComponent:r,scene:s}=n,a=r,{docsLeft:c,docsTop:l}=a.getOffsetConfig(),d=X.getAnchorBounding(t),{left:g,top:h,height:m}=d,p=g+c,f=h+l;if(this._anchorShape){this._anchorShape.transformByState({left:p,top:f,height:m}),this._anchorShape.show();return}const w=6,S=new L.Rect(Ln+i.Tools.generateRandomId(w),{left:p,top:f,height:m,strokeWidth:2,stroke:L.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=S,s.addObject(S,X.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return X.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(e){const t=this._renderManagerService.getRenderById(e.unitId),n=t==null?void 0:t.with(k.DocSkeletonManagerService).getSkeleton(),r=500,s=500,a=n==null?void 0:n.getSkeletonData();if(a==null||t==null)return{width:r,height:s};const{pages:c}=a;let l=null;for(const d of c){const{skeDrawings:g}=d;if(g.has(e.drawingId)){l=d;break}}if(l){const{pageWidth:d,pageHeight:g,marginLeft:h,marginBottom:m,marginRight:p,marginTop:f}=l;return{width:Math.max(r,d-h-p),height:Math.max(s,g-f-m)}}else return{width:r,height:s}}};Le=Un([Ne(0,i.ICommandService),Ne(1,i.IUniverInstanceService),Ne(2,$.IDrawingManagerService),Ne(3,L.IRenderManagerService)],Le);var ce=function(){return ce=Object.assign||function(o){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[r]=e[r])}return o},ce.apply(this,arguments)},Fn=function(o,e){var t={};for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&e.indexOf(n)<0&&(t[n]=o[n]);if(o!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,n=Object.getOwnPropertySymbols(o);r<n.length;r++)e.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(o,n[r])&&(t[n[r]]=o[n[r]]);return t},fn=Y.forwardRef(function(o,e){var t=o.icon,n=o.id,r=o.className,s=o.extend,a=Fn(o,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(r||"").trim(),l=Y.useRef("_".concat(Hn()));return vn(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},ce({ref:e,className:c},a),s)});function vn(o,e,t,n,r){return Y.createElement(o.tag,ce(ce({key:e},Bn(o,t,r)),n),(kn(o,t).children||[]).map(function(s,a){return vn(s,"".concat(e,"-").concat(o.tag,"-").concat(a),t,void 0,r)}))}function Bn(o,e,t){var n=ce({},o.attrs);t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1),o.tag==="mask"&&n.id&&(n.id=n.id+e.idSuffix),Object.entries(n).forEach(function(s){var a=s[0],c=s[1];a==="mask"&&typeof c=="string"&&(n[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var r=e.defIds;return!r||r.length===0||(o.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(s){var a=s[0],c=s[1];typeof c=="string"&&(n[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function kn(o,e){var t,n=e.defIds;return!n||n.length===0?o:o.tag==="defs"&&(!((t=o.children)===null||t===void 0)&&t.length)?ce(ce({},o),{children:o.children.map(function(r){return typeof r.attrs.id=="string"&&n&&n.indexOf(r.attrs.id)>-1?ce(ce({},r),{attrs:ce(ce({},r.attrs),{id:r.attrs.id+e.idSuffix})}):r})}):o}function Hn(){return Math.random().toString(36).substring(2,8)}fn.displayName="UniverIcon";var Wn={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"}}]},In=Y.forwardRef(function(o,e){return Y.createElement(fn,Object.assign({},o,{id:"add-image-single",ref:e,icon:Wn}))});In.displayName="AddImageSingle";const We={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{var x,R,A,H;const t=o.get(i.ICommandService),n=o.get(i.IUniverInstanceService),r=o.get(L.IRenderManagerService),s=n.getCurrentUniverDocInstance();if(e==null||s==null)return!1;const a=r.getRenderById(e.unitId).with(X.DocSelectionRenderService),{drawings:c}=e,l=(x=a.getSegment())!=null?x:"",d=new i.TextX,g=i.JSONX.getInstance(),h=(A=(R=s.getSelfOrHeaderFooterModel(l).getBody())==null?void 0:R.customBlocks)!=null?A:[],m=c.map(E=>h.find(_=>_.blockId===E.drawingId)).filter(E=>!!E).sort((E,_)=>E.startIndex>_.startIndex?1:-1),p=c[0].unitId,f=new i.MemoryCursor;f.reset();const w=m[0].startIndex,S=[{startOffset:w,endOffset:w}],I={id:k.RichTextEditingMutation.id,params:{unitId:p,actions:[],textRanges:S}},T=[];for(const E of m){const{startIndex:_}=E;_>f.cursor&&d.push({t:i.TextXActionType.RETAIN,len:_-f.cursor}),d.push({t:i.TextXActionType.DELETE,len:1}),f.moveCursorTo(_+1)}const y=X.getRichTextEditPath(s,l);T.push(g.editOp(d.serialize(),y));for(const E of m){const{blockId:_}=E,F=((H=s.getDrawings())!=null?H:{})[_],U=s.getDrawingsOrder().indexOf(_),q=g.removeOp(["drawings",_],F),D=g.removeOp(["drawingsOrder",U],_);T.push(q),T.push(D)}return I.params.actions=T.reduce((E,_)=>i.JSONX.compose(E,_),null),!!t.syncExecuteCommand(I.id,I.params)}},Ke={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:o=>{const e=o.get(i.ICommandService),n=o.get(fe.IDocDrawingService).getFocusDrawings();if(n.length===0)return!1;const{unitId:r}=n[0],s=n.map(a=>{const{unitId:c,subUnitId:l,drawingId:d,drawingType:g}=a;return{unitId:c,subUnitId:l,drawingId:d,drawingType:g}});return e.executeCommand(We.id,{unitId:r,drawings:s})}},Ye={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{o.get(i.ICommandService),o.get(i.IUndoRedoService);const t=o.get(fe.IDocDrawingService);if(!e)return!1;const n=[];e.forEach(({parent:g,children:h})=>{n.push(g.unitId),h.forEach(m=>{n.push(m.unitId)})});const r=t.getGroupDrawingOp(e),{unitId:s,subUnitId:a,undo:c,redo:l,objects:d}=r;return!1}},Ve={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{var R,A,H,E;if(e==null)return!1;const t=o.get(i.ICommandService),n=o.get(k.DocSelectionManagerService),r=o.get(i.IUniverInstanceService),s=n.getActiveTextRange(),a=r.getCurrentUniverDocInstance();if(s==null||a==null)return!1;const c=a.getUnitId(),{drawings:l}=e,{collapsed:d,startOffset:g,segmentId:h}=s,m=a.getSelfOrHeaderFooterModel(h).getBody();if(m==null)return!1;const p=new i.TextX,f=i.JSONX.getInstance(),w=[],S=(A=(R=a.getSnapshot().drawingsOrder)==null?void 0:R.length)!=null?A:0;let I=0;if(d)g>0&&p.push({t:i.TextXActionType.RETAIN,len:g});else{const _=i.BuildTextUtils.selection.delete([s],m,0,null,!1);p.push(..._);const F=X.getCustomBlockIdsInSelections(m,[s]),z=(H=a.getDrawings())!=null?H:{},U=(E=a.getDrawingsOrder())!=null?E:[],q=F.sort((D,C)=>U.indexOf(D)>U.indexOf(C)?-1:U.indexOf(D)<U.indexOf(C)?1:0);if(q.length>0)for(const D of q){const C=z[D],P=U.indexOf(D);if(C==null||P<0)continue;const b=f.removeOp(["drawings",D],C),B=f.removeOp(["drawingsOrder",P],D);w.push(b),w.push(B),I++}}p.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(l.length),customBlocks:l.map((_,F)=>({startIndex:F,blockId:_.drawingId}))},len:l.length});const T=X.getRichTextEditPath(a,h),y=f.editOp(p.serialize(),T);w.push(y);for(const _ of l){const{drawingId:F}=_,z=f.insertOp(["drawings",F],_),U=f.insertOp(["drawingsOrder",S-I],F);w.push(z),w.push(U)}const O={id:k.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return O.params.actions=w.reduce((_,F)=>i.JSONX.compose(_,F),null),!!t.syncExecuteCommand(O.id,O.params)}},Je={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(o,e)=>{const t=o.get(i.ICommandService),n=o.get(fe.IDocDrawingService);if(e==null)return!1;const{unitId:r,subUnitId:s,drawingIds:a,arrangeType:c}=e,l={unitId:r,subUnitId:s,drawingIds:a};let d;if(c===i.ArrangeTypeEnum.forward?d=n.getForwardDrawingsOp(l):c===i.ArrangeTypeEnum.backward?d=n.getBackwardDrawingOp(l):c===i.ArrangeTypeEnum.front?d=n.getFrontDrawingsOp(l):c===i.ArrangeTypeEnum.back&&(d=n.getBackDrawingsOp(l)),d==null)return!1;const{redo:g}=d;if(g==null)return!1;const h=[];let m=i.Tools.deepClone(g);m=m.slice(3),m.unshift("drawingsOrder"),h.push(m);const p={id:k.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return p.params.actions=h.reduce((w,S)=>i.JSONX.compose(w,S),null),!!t.syncExecuteCommand(p.id,p.params)}},Ze={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(o,e)=>{o.get(i.ICommandService),o.get(i.IUndoRedoService);const t=o.get(fe.IDocDrawingService);if(!e)return!1;const n=[];e.forEach(({parent:g,children:h})=>{n.push(g.unitId),h.forEach(m=>{n.push(m.unitId)})});const r=t.getUngroupDrawingOp(e),{unitId:s,subUnitId:a,undo:c,redo:l,objects:d}=r;return!1}};var Vn=Object.getOwnPropertyDescriptor,Gn=(o,e,t,n)=>{for(var r=n>1?void 0:n?Vn(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},se=(o,e)=>(t,n)=>e(t,n,o);let Fe=class extends i.Disposable{constructor(o,e,t,n,r,s,a,c,l,d,g,h,m){super(),this._context=o,this._commandService=e,this._docSelectionManagerService=t,this._renderManagerSrv=n,this._imageIoService=r,this._docDrawingService=s,this._drawingManagerService=a,this._contextService=c,this._messageService=l,this._localeService=d,this._docSelectionRenderService=g,this._docRefreshDrawingsService=h,this._fileOpenerService=m,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const o=await this._fileOpenerService.openFile({multiple:!0,accept:$.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(t=>`.${t.replace("image/","")}`).join(",")}),e=o.length;return e>$.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:N.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String($.DRAWING_IMAGE_COUNT_LIMIT))}),!1):e===0?!1:(await this._insertFloatImages(o),!0)}async _insertFloatImages(o){let e=[];try{e=await Promise.all(o.map(r=>this._imageIoService.saveImage(r)))}catch(r){const s=r.message;let a="";switch(s){case $.ImageUploadStatusType.ERROR_EXCEED_SIZE:a=this._localeService.t("update-status.exceedMaxSize",String($.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case $.ImageUploadStatusType.ERROR_IMAGE_TYPE:a=this._localeService.t("update-status.invalidImageType");break;case $.ImageUploadStatusType.ERROR_IMAGE:a=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:N.MessageType.Error,content:a})}if(e.length===0)return;const{unitId:t}=this._context,n=[];for(const r of e){if(r==null)continue;const{imageId:s,imageSourceType:a,source:c,base64Cache:l}=r,{width:d,height:g,image:h}=await $.getImageSize(l||"");this._imageIoService.addImageSourceCache(s,a,h);let m=1;if(d>$.DRAWING_IMAGE_WIDTH_LIMIT||g>$.DRAWING_IMAGE_HEIGHT_LIMIT){const S=$.DRAWING_IMAGE_WIDTH_LIMIT/d,I=$.DRAWING_IMAGE_HEIGHT_LIMIT/g;m=Math.min(S,I)}const p=this._getImagePosition(d*m,g*m);if(p==null)return;const f={unitId:t,subUnitId:t,drawingId:s,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:a,source:c,transform:X.docDrawingPositionToTransform(p),docTransform:p,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()&&(f.isMultiTransform=i.BooleanNumber.TRUE,f.transforms=f.transform?[f.transform]:null),n.push(f)}this._commandService.executeCommand(Ve.id,{unitId:t,drawings:n})}_isInsertInHeaderFooter(){var n;const{unitId:o}=this._context,e=(n=this._renderManagerSrv.getRenderById(o))==null?void 0:n.with(k.DocSkeletonManagerService).getViewModel(),t=e==null?void 0:e.getEditArea();return t===L.DocumentEditArea.HEADER||t===L.DocumentEditArea.FOOTER}_getImagePosition(o,e){const t=this._docSelectionRenderService.getActiveTextRange(),n=(t==null?void 0:t.getAbsolutePosition())||{left:0};return{size:{width:o,height:e},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:n.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(o=>{const{unitId:e,subUnitId:t,drawingIds:n,arrangeType:r}=o;this._commandService.executeCommand(Je.id,{unitId:e,subUnitId:t,drawingIds:n,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(o=>{this._commandService.executeCommand(Ye.id,o)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(o=>{this._commandService.executeCommand(Ze.id,o)})}_getCurrentSceneAndTransformer(){const{scene:o,mainComponent:e}=this._context;if(o==null||e==null)return;const t=o.getTransformerByCreate(),{docsLeft:n,docsTop:r}=e.getOffsetConfig();return{scene:o,transformer:t,docsLeft:n,docsTop:r}}_transformDrawingListener(){const o=this._getCurrentSceneAndTransformer();if(o&&o.transformer)this.disposeWithMe(o.transformer.changeEnd$.pipe(ee.debounceTime(30)).subscribe(e=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(o=>{var r;const{transformer:e,docsLeft:t,docsTop:n}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(o==null||o.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(o),this._setDrawingSelections(o);const s=this._docSelectionRenderService.getSegment(),a=this._findSegmentIdByDrawingId(o[0].drawingId);s!==a&&this._docSelectionRenderService.setSegment(a),e&&e.resetProps({zeroTop:n,zeroLeft:t})}}))}_findSegmentIdByDrawingId(o){var a,c,l;const{unit:e}=this._context,{body:t,headers:n={},footers:r={}}=e.getSnapshot();if(((a=t==null?void 0:t.customBlocks)!=null?a:[]).some(d=>d.blockId===o))return"";for(const d of Object.keys(n))if((c=n[d].body.customBlocks)!=null&&c.some(g=>g.blockId===o))return d;for(const d of Object.keys(r))if((l=r[d].body.customBlocks)!=null&&l.some(g=>g.blockId===o))return d;return""}_updateDrawingsEditStatus(){var c;const{unit:o,scene:e,unitId:t}=this._context,n=(c=this._renderManagerSrv.getRenderById(t))==null?void 0:c.with(k.DocSkeletonManagerService).getViewModel();if(n==null||o==null)return;const r=o.getSnapshot(),{drawings:s={}}=r,a=n.getEditArea()===L.DocumentEditArea.BODY;for(const l of Object.keys(s)){const d=s[l],g=$.getDrawingShapeKeyByDrawingSearch({unitId:t,drawingId:d.drawingId,subUnitId:t}),h=e.fuzzyMathObjects(g,!0);if(h.length)for(const m of h){e.detachTransformerFrom(m);try{m.setOpacity(.5)}catch{}if(a&&d.isMultiTransform!==i.BooleanNumber.TRUE||!a&&d.isMultiTransform===i.BooleanNumber.TRUE){d.allowTransform!==!1&&e.attachTransformerTo(m);try{m.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var t;const{unitId:o}=this._context,e=(t=this._renderManagerSrv.getRenderById(o))==null?void 0:t.with(k.DocSkeletonManagerService).getViewModel();e!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(e.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(n=>{n!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async n=>{n.id===k.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(o){var r,s;const{unit:e}=this._context,t=(s=(r=e.getSnapshot().body)==null?void 0:r.customBlocks)!=null?s:[],n=o.map(a=>{const c=a.drawingId,l=t.find(d=>d.blockId===c);return l?l.startIndex:null}).filter(a=>a!==null).map(a=>({startOffset:a,endOffset:a+1}));this._docSelectionManagerService.replaceDocRanges(n)}};Fe=Gn([se(1,i.ICommandService),se(2,i.Inject(k.DocSelectionManagerService)),se(3,L.IRenderManagerService),se(4,$.IImageIoService),se(5,fe.IDocDrawingService),se(6,$.IDrawingManagerService),se(7,i.IContextService),se(8,W.IMessageService),se(9,i.Inject(i.LocaleService)),se(10,i.Inject(X.DocSelectionRenderService)),se(11,i.Inject(He)),se(12,W.ILocalFileService)],Fe);const Qe={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:o=>{var n,r;const e=o.get(i.IUniverInstanceService),t=o.get(L.IRenderManagerService);return(r=(n=L.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,e,t))==null?void 0:n.with(Fe).insertDocImage())!=null?r:!1}},ye={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(o,e)=>{const t=o.get(i.ICommandService),n=o.get(fe.IDocDrawingService),r=o.get(i.IUniverInstanceService),s=o.get(L.IRenderManagerService),{direction:a}=e,c=n.getFocusDrawings();if(c.length===0)return!1;const l=c[0].unitId,d=s.getRenderById(l),g=d==null?void 0:d.scene;if(g==null)return!1;const h=g.getTransformerByCreate(),m=r.getUniverDocInstance(l),p=c.map(w=>{var R,A,H,E,_;const{drawingId:S}=w,I=(R=m==null?void 0:m.getSnapshot().drawings)==null?void 0:R[S];if(I==null||I.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=I.docTransform,O={...T},x={...y};return a===i.Direction.UP?x.posOffset=((A=x.posOffset)!=null?A:0)-2:a===i.Direction.DOWN?x.posOffset=((H=x.posOffset)!=null?H:0)+2:a===i.Direction.LEFT?O.posOffset=((E=O.posOffset)!=null?E:0)-2:a===i.Direction.RIGHT&&(O.posOffset=((_=O.posOffset)!=null?_:0)+2),{drawingId:S,key:a===i.Direction.UP||a===i.Direction.DOWN?"positionV":"positionH",value:a===i.Direction.UP||a===i.Direction.DOWN?x:O}}).filter(w=>w!=null);if(p.length===0)return!1;const f=t.syncExecuteCommand(xe.id,{unitId:l,subUnitId:l,drawings:p});return h.refreshControls(),!!f}},wn={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(o,e)=>{const t=o.get(L.IRenderManagerService);return e.forEach(n=>{var r,s;(s=(r=t.getRenderById(n))==null?void 0:r.scene.getTransformer())==null||s.debounceRefreshControls()}),!0}},Sn="COMPONENT_DOC_DRAWING_PANEL",en={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(o,e)=>{const t=o.get(W.ISidebarService),n=o.get(i.LocaleService),r=o.get($.IDrawingManagerService);switch(e.value){case"open":t.open({header:{title:n.t("docImage.panel.title")},children:{label:Sn},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},nn={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(o,e)=>{const t=o.get($.IDrawingManagerService),n=o.get(i.ICommandService);return e==null?!1:(t.focusDrawing([e]),n.executeCommand(en.id,{value:"open"}),!0)}},Xn="univer-image-common-panel",$n="univer-image-common-panel-grid",zn="univer-image-common-panel-border",qn="univer-image-common-panel-title",Kn="univer-image-common-panel-subtitle",Yn="univer-image-common-panel-row",Jn="univer-image-common-panel-column",Zn="univer-image-common-panel-span2",Qn="univer-image-common-panel-input",v={imageCommonPanel:Xn,imageCommonPanelGrid:$n,imageCommonPanelBorder:zn,imageCommonPanelTitle:qn,imageCommonPanelSubtitle:Kn,imageCommonPanelRow:Yn,imageCommonPanelColumn:Jn,imageCommonPanelSpan2:Zn,imageCommonPanelInput:Qn},cn=-1e3,dn=1e3,et=o=>{const e=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),n=W.useDependency($.IDrawingManagerService),r=W.useDependency(L.IRenderManagerService),s=W.useDependency(i.IUniverInstanceService),{drawings:a}=o,c=a[0];if(c==null)return;const{unitId:l}=c,d=s.getUniverDocInstance(l),g=d==null?void 0:d.getSnapshot().documentStyle.documentFlavor,h=r.getRenderById(l),m=h==null?void 0:h.scene;if(m==null)return;const p=m.getTransformerByCreate(),f=[{label:t.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],w=[{label:t.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[S,I]=Y.useState(!0),[T,y]=Y.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,x]=Y.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[R,A]=Y.useState(!0),[H,E]=Y.useState(!0);function _(C,P){var M;C==="positionH"?y(P):x(P);const b=n.getFocusDrawings();if(b.length===0)return;const B=b.map(j=>({unitId:j.unitId,subUnitId:j.subUnitId,drawingId:j.drawingId}));e.executeCommand(xe.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:B.map(j=>({drawingId:j.drawingId,key:C,value:P}))});const V=(M=r.getRenderById(l))==null?void 0:M.with(X.DocSelectionRenderService);V&&V.blur(),p.refreshControls()}function F(C){var Q,ge,me;const P=T.relativeFrom,b=T.posOffset,B=Number(C);if(P===B)return;const V=n.getFocusDrawings();if(V.length===0)return;const M=V[0].drawingId,j=V[0].unitId;let K=null,G=0;const J=(Q=r.getRenderById(j))==null?void 0:Q.with(k.DocSkeletonManagerService).getSkeleton(),ne=J==null?void 0:J.getSkeletonData();if(ne==null)return;const{pages:Ce,skeHeaders:ve,skeFooters:Oe}=ne;for(const ie of Ce){const{marginLeft:ue,skeDrawings:he,headerId:Ie,footerId:we,pageWidth:pe}=ie;if(he.has(M)){K=he.get(M),G=ue;break}const re=(ge=ve.get(Ie))==null?void 0:ge.get(pe);if(re!=null&&re.skeDrawings.has(M)){K=re==null?void 0:re.skeDrawings.get(M),G=ue;break}const oe=(me=Oe.get(we))==null?void 0:me.get(pe);if(oe!=null&&oe.skeDrawings.has(M)){K=oe==null?void 0:oe.skeDrawings.get(M),G=ue;break}}if(K==null)return;let te=0;P===i.ObjectRelativeFromH.COLUMN?te-=K.columnLeft:P===i.ObjectRelativeFromH.MARGIN&&(te-=G),B===i.ObjectRelativeFromH.COLUMN?te+=K.columnLeft:B===i.ObjectRelativeFromH.MARGIN?te+=G:i.ObjectRelativeFromH.PAGE;const Z={relativeFrom:B,posOffset:(b!=null?b:0)-te};_("positionH",Z)}function z(C){var he,Ie,we,pe,re,oe;const P=O.relativeFrom,b=O.posOffset,B=Number(C);if(P===B)return;const V=n.getFocusDrawings();if(V.length===0)return;const{drawingId:M,unitId:j}=V[0],K=s.getUniverDocInstance(j),G=(he=r.getRenderById(j))==null?void 0:he.with(k.DocSkeletonManagerService).getSkeleton(),J=(Ie=r.getRenderById(j))==null?void 0:Ie.with(X.DocSelectionRenderService),ne=J==null?void 0:J.getSegment(),Ce=J==null?void 0:J.getSegmentPage(),ve=(pe=(we=K==null?void 0:K.getSelfOrHeaderFooterModel(ne).getBody())==null?void 0:we.customBlocks)==null?void 0:pe.find(Se=>Se.blockId===M);if(ve==null||G==null||J==null)return;const{startIndex:Oe}=ve,te=G.findNodeByCharIndex(Oe,ne,Ce),Z=(re=te==null?void 0:te.parent)==null?void 0:re.parent,Q=Z==null?void 0:Z.parent,ge=Q==null?void 0:Q.lines.find(Se=>Se.paragraphIndex===(Z==null?void 0:Z.paragraphIndex)&&Se.paragraphStart),me=(oe=Q==null?void 0:Q.parent)==null?void 0:oe.parent;if(te==null||Z==null||ge==null||Q==null||me==null)return;let ie=0;P===i.ObjectRelativeFromV.PARAGRAPH?ie-=ge.top:P===i.ObjectRelativeFromV.LINE?ie-=Z.top:P===i.ObjectRelativeFromV.PAGE&&(ie+=me.marginTop),B===i.ObjectRelativeFromV.PARAGRAPH?ie+=ge.top:B===i.ObjectRelativeFromV.LINE?ie+=Z.top:B===i.ObjectRelativeFromV.PAGE&&(ie-=me.marginTop);const ue={relativeFrom:B,posOffset:(b!=null?b:0)-ie};_("positionV",ue)}function U(C){var j;const P=d==null?void 0:d.getSnapshot(),b=(j=P==null?void 0:P.drawings)==null?void 0:j[C.drawingId];if(b==null)return;const{layoutType:B}=b,{positionH:V,positionV:M}=b.docTransform;y(V),x(M),I(B===i.PositionedObjectLayoutType.INLINE),A(M.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||M.relativeFrom===i.ObjectRelativeFromV.LINE)}function q(){const C=n.getFocusDrawings();C.length!==0&&U(C[0])}function D(C){A(C),z(String(C?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return Y.useEffect(()=>{q();const C=n.focus$.subscribe(b=>{if(b.length===0){E(!1);return}E(!0),U(b[0])}),P=e.onCommandExecuted(async b=>{b.id===k.RichTextEditingMutation.id&&q()});return()=>{C.unsubscribe(),P.dispose()}},[]),u.jsxs("div",{className:N.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-position.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.horizontal")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:cn,max:dn,precision:1,disabled:S,value:T.posOffset,onChange:C=>{_("positionH",{relativeFrom:T.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.toTheRightOf")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.Select,{value:String(T.relativeFrom),disabled:S,options:f,onChange:F})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.vertical")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:cn,max:dn,precision:1,disabled:S,value:O.posOffset,onChange:C=>{_("positionV",{relativeFrom:O.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.bellow")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.Select,{disabled:S,value:String(O.relativeFrom),options:w,onChange:z})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.options")})})}),u.jsx("div",{className:v.imageCommonPanelRow,style:{marginBottom:"50px"},children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.Checkbox,{disabled:S,checked:R,onChange:D,children:t.t("image-position.moveObjectWithText")})})})]})},Ee=0,Ae=100,nt=o=>{const e=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),n=W.useDependency($.IDrawingManagerService),r=W.useDependency(L.IRenderManagerService),s=W.useDependency(i.IUniverInstanceService),{drawings:a}=o,c=a[0];if(c==null)return null;const{unitId:l}=c,d=s.getUniverDocInstance(l),g=r.getRenderById(l);if((g==null?void 0:g.scene)==null)return null;const[m,p]=Y.useState(!0),[f,w]=Y.useState(!0),[S,I]=Y.useState(!0),[T,y]=Y.useState(ae.INLINE),[O,x]=Y.useState(""),[R,A]=Y.useState({distT:0,distL:0,distB:0,distR:0}),[H,E]=Y.useState(!0);function _(D){y(D);const C=n.getFocusDrawings();if(C.length===0)return;const{unitId:P,subUnitId:b}=C[0],B=C.map(({unitId:V,subUnitId:M,drawingId:j})=>({unitId:V,subUnitId:M,drawingId:j}));e.executeCommand(gn.id,{unitId:P,subUnitId:b,drawings:B,wrappingStyle:D})}function F(D){x(D);const C=n.getFocusDrawings();if(C.length===0)return;const P=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));e.executeCommand(un.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:P,wrapText:D})}function z(D,C){if(D==null)return;const P={...R,[C]:D};A(P);const b=n.getFocusDrawings();if(b.length===0)return;const B=b.map(V=>({unitId:V.unitId,subUnitId:V.subUnitId,drawingId:V.drawingId}));e.executeCommand(mn.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:B,dist:{[C]:D}})}function U(){const D=n.getFocusDrawings();D.length!==0&&q(D[0])}function q(D){var J,ne;const C=(ne=(J=d==null?void 0:d.getSnapshot())==null?void 0:J.drawings)==null?void 0:ne[D.drawingId];if(C==null)return;const{distT:P=0,distL:b=0,distB:B=0,distR:V=0,layoutType:M=i.PositionedObjectLayoutType.INLINE,behindDoc:j=i.BooleanNumber.FALSE,wrapText:K=i.WrapTextType.BOTH_SIDES}=C;if(A({distT:P,distL:b,distB:B,distR:V}),x(K),p(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?I(!0):I(!1),M===i.PositionedObjectLayoutType.WRAP_NONE)j===i.BooleanNumber.TRUE?y(ae.BEHIND_TEXT):y(ae.IN_FRONT_OF_TEXT);else switch(M){case i.PositionedObjectLayoutType.INLINE:y(ae.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:y(ae.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ae.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${M}`)}}return Y.useEffect(()=>{U();const D=n.focus$.subscribe(P=>{if(P.length===0){E(!1);return}E(!0),q(P[0])}),C=e.onCommandExecuted(async P=>{P.id===k.RichTextEditingMutation.id&&U()});return()=>{D.unsubscribe(),C.dispose()}},[]),u.jsxs("div",{className:N.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:H?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-text-wrap.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrappingStyle")})})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn),children:u.jsxs(N.RadioGroup,{value:T,onChange:_,direction:"vertical",children:[u.jsx(N.Radio,{value:ae.INLINE,children:t.t("image-text-wrap.inline")}),u.jsx(N.Radio,{value:ae.WRAP_SQUARE,children:t.t("image-text-wrap.square")}),u.jsx(N.Radio,{value:ae.WRAP_TOP_AND_BOTTOM,children:t.t("image-text-wrap.topAndBottom")}),u.jsx(N.Radio,{value:ae.BEHIND_TEXT,children:t.t("image-text-wrap.behindText")}),u.jsx(N.Radio,{value:ae.IN_FRONT_OF_TEXT,children:t.t("image-text-wrap.inFrontText")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrapText")})})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn),children:u.jsxs(N.RadioGroup,{disabled:m,value:O,onChange:F,direction:"horizontal",children:[u.jsx(N.Radio,{value:i.WrapTextType.BOTH_SIDES,children:t.t("image-text-wrap.bothSide")}),u.jsx(N.Radio,{value:i.WrapTextType.LEFT,children:t.t("image-text-wrap.leftOnly")}),u.jsx(N.Radio,{value:i.WrapTextType.RIGHT,children:t.t("image-text-wrap.rightOnly")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.distanceFromText")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.top")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:Ee,max:Ae,disabled:f,precision:1,value:R.distT,onChange:D=>{z(D,"distT")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.left")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:Ee,max:Ae,disabled:S,precision:1,value:R.distL,onChange:D=>{z(D,"distL")},className:v.imageCommonPanelInput})})})]})})]}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.bottom")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:Ee,max:Ae,disabled:f,precision:1,value:R.distB,onChange:D=>{z(D,"distB")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:N.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.right")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(N.InputNumber,{min:Ee,max:Ae,disabled:S,precision:1,value:R.distR,onChange:D=>{z(D,"distR")},className:v.imageCommonPanelInput})})})]})})]})]})},tt=()=>{const o=W.useDependency($.IDrawingManagerService),e=o.getFocusDrawings(),[t,n]=Y.useState(e);return Y.useEffect(()=>{const r=o.focus$.subscribe(s=>{n(s)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&u.jsxs("div",{className:v.imageCommonPanel,children:[u.jsx(De.DrawingCommonPanel,{drawings:t,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),u.jsx(nt,{drawings:t}),u.jsx(et,{drawings:t})]})},_n="addition-and-subtraction-single",tn="doc.menu.image",Dn=Qe.id,it=o=>{const e=o.get(k.DocSelectionManagerService),t=o.get(i.IUniverInstanceService);return new ee.Observable(n=>{const r=e.textSelection$.subscribe(()=>{var a;const s=e.getActiveTextRange();if(s){const{segmentId:c,startOffset:l,endOffset:d}=s,g=t.getCurrentUniverDocInstance(),h=(a=g==null?void 0:g.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:a.tables;if(h&&h.length&&h.some(m=>{const{startIndex:p,endIndex:f}=m;return l>=p&&l<f||d>=p&&d<f})){n.next(!0);return}}else{n.next(!0);return}n.next(!1)});return()=>r.unsubscribe()})};function rt(o){return{id:tn,type:W.MenuItemType.SUBITEMS,icon:_n,tooltip:"docImage.title",disabled$:it(o),hidden$:W.getMenuHiddenObservable(o,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function ot(o){return{id:Dn,title:"docImage.upload.float",type:W.MenuItemType.BUTTON,hidden$:W.getMenuHiddenObservable(o,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const st={[W.RibbonStartGroup.LAYOUT]:{[tn]:{order:0,menuItemFactory:rt,[Dn]:{order:0,menuItemFactory:ot}}}};function Pe(o){return o.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&o.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const at={id:ye.id,description:"shortcut.drawing-move-down",group:"4_drawing-view",binding:W.KeyCode.ARROW_DOWN,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.DOWN}},ct={id:ye.id,description:"shortcut.drawing-move-up",group:"4_drawing-view",binding:W.KeyCode.ARROW_UP,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.UP}},dt={id:ye.id,description:"shortcut.drawing-move-left",group:"4_drawing-view",binding:W.KeyCode.ARROW_LEFT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.LEFT}},lt={id:ye.id,description:"shortcut.drawing-move-right",group:"4_drawing-view",binding:W.KeyCode.ARROW_RIGHT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.RIGHT}},gt={id:Ke.id,description:"shortcut.drawing-delete",group:"4_drawing-view",preconditions:Pe,binding:W.KeyCode.DELETE,mac:W.KeyCode.BACKSPACE};var mt=Object.getOwnPropertyDescriptor,ut=(o,e,t,n)=>{for(var r=n>1?void 0:n?mt(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},je=(o,e)=>(t,n)=>e(t,n,o);let Be=class extends i.Disposable{constructor(o,e,t,n){super(),this._componentManager=o,this._menuManagerService=e,this._commandService=t,this._shortcutService=n,this._init()}_initCustomComponents(){const o=this._componentManager;this.disposeWithMe(o.register(_n,In)),this.disposeWithMe(o.register(Sn,tt))}_initMenus(){this._menuManagerService.mergeMenu(st)}_initCommands(){[Qe,Ve,gn,mn,un,xe,hn,pn,We,en,wn,nn,Ye,Ze,ye,Ke,Je].forEach(o=>this.disposeWithMe(this._commandService.registerCommand(o)))}_initShortcuts(){[at,ct,dt,lt,gt].forEach(o=>{this.disposeWithMe(this._shortcutService.registerShortcut(o))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Be=ut([je(0,i.Inject(W.ComponentManager)),je(1,W.IMenuManagerService),je(2,i.ICommandService),je(3,W.IShortcutService)],Be);var ht=Object.getOwnPropertyDescriptor,pt=(o,e,t,n)=>{for(var r=n>1?void 0:n?ht(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Te=(o,e)=>(t,n)=>e(t,n,o);function $e(o,e){const{top:t,left:n,width:r,height:s,angle:a,opacity:c}=o,l=e.scene,d=l.getViewport(X.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:g,viewportScrollY:h}=d,{scaleX:m,scaleY:p}=l.getAncestorScale();return{startX:(n-g)*m,startY:(t-h)*p,endX:(n+r-g)*m,endY:(t+s-h)*p,width:r*m,height:s*p,rotate:a,absolute:{left:!1,top:!1},opacity:c!=null?c:1}}exports.DocFloatDomController=class extends i.Disposable{constructor(t,n,r,s,a,c){super();le(this,"_domLayerInfoMap",new Map);this._renderManagerService=t,this._drawingManagerService=n,this._drawingRenderService=r,this._canvasFloatDomService=s,this._univerInstanceService=a,this._commandService=c,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const n=this._renderManagerService.getRenderById(t);if(n==null)return null;const r=n.scene,s=r.getTransformerByCreate();return{scene:r,transformer:s,renderUnit:n,canvas:n.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertRects(t)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(t=>{t.forEach(n=>{this._removeDom(n.drawingId)})}))}_insertRects(t){t.forEach(async n=>{const{unitId:r}=n;if(!this._univerInstanceService.getUnit(r,i.UniverInstanceType.UNIVER_DOC))return;const a=this._getSceneAndTransformerByDrawingSearch(r);if(a==null)return;const c=this._drawingManagerService.getDrawingByParam(n);if(c==null)return;const l=await this._drawingRenderService.renderFloatDom(c,a.scene);if(!(l==null||l.length===0))for(const d of l){this._addHoverForRect(d);const g=new i.DisposableCollection,h=$e(d,a.renderUnit),m=new ee.BehaviorSubject(h),p=a.canvas,f=c.data,w={dispose:g,rect:d,position$:m,unitId:r};this._canvasFloatDomService.addFloatDom({position$:m,id:c.drawingId,componentKey:c.componentKey,onPointerDown:I=>{p.dispatchEvent(new PointerEvent(I.type,I))},onPointerMove:I=>{p.dispatchEvent(new PointerEvent(I.type,I))},onPointerUp:I=>{p.dispatchEvent(new PointerEvent(I.type,I))},onWheel:I=>{p.dispatchEvent(new WheelEvent(I.type,I))},data:f,unitId:r});const S=d.onTransformChange$.subscribeEvent(()=>{const I=$e(d,a.renderUnit);m.next(I)});g.add(()=>{this._canvasFloatDomService.removeFloatDom(c.drawingId)}),S&&g.add(S),this._domLayerInfoMap.set(c.drawingId,w)}})}_addHoverForRect(t){this.disposeWithMe(i.toDisposable(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=L.CURSOR_TYPE.GRAB}))),this.disposeWithMe(i.toDisposable(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=L.CURSOR_TYPE.DEFAULT})))}_removeDom(t){const n=this._domLayerInfoMap.get(t);if(!n)return;const{unitId:r}=n;this._domLayerInfoMap.delete(t),n.dispose.dispose();const s=this._getSceneAndTransformerByDrawingSearch(r);s&&s.scene.removeObject(n.rect)}_initScrollAndZoomEvent(){const t=n=>{const r=this._getSceneAndTransformerByDrawingSearch(n);r&&this._domLayerInfoMap.forEach(s=>{if(s.unitId!==n)return;const a=$e(s.rect,r.renderUnit);s.position$.next(a)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.map(n=>{if(!n)return null;const r=n.getUnitId(),s=this._renderManagerService.getRenderById(r);return s?{render:s,unitId:r}:null}),ee.switchMap(n=>n?i.fromEventSubject(n.render.scene.getViewport(X.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(ee.map(()=>({unitId:n.unitId}))):ee.of(null))).subscribe(n=>{if(!n)return;const{unitId:r}=n;t(r)})),this.disposeWithMe(this._commandService.onCommandExecuted(n=>{if(n.id===X.SetDocZoomRatioOperation.id){const r=n.params,{unitId:s}=r;t(s)}}))}insertFloatDom(t,n){var S,I,T;const r=this._univerInstanceService.getCurrentUnitOfType(i.UniverInstanceType.UNIVER_DOC);if(!r)return!1;const s=this._getSceneAndTransformerByDrawingSearch(r.getUnitId());if(!s)return!1;const l=(S=s.renderUnit.with(k.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:S.pages[0];if(!l)return!1;const{pageWidth:d,marginLeft:g,marginRight:h}=l,m=d-g-h,p={size:{width:(I=n.width)!=null?I:m,height:n.height},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},f=(T=n.drawingId)!=null?T:i.generateRandomId(),w={unitId:r.getUnitId(),drawings:[{drawingId:f,drawingType:i.DrawingTypeEnum.DRAWING_DOM,subUnitId:r.getUnitId(),unitId:r.getUnitId(),...t,title:"",description:"",docTransform:p,layoutType:i.PositionedObjectLayoutType.INLINE,transform:X.docDrawingPositionToTransform(p)}]};return this._commandService.syncExecuteCommand(Ve.id,w),f}};exports.DocFloatDomController=pt([Te(0,L.IRenderManagerService),Te(1,$.IDrawingManagerService),Te(2,i.Inject(De.DrawingRenderService)),Te(3,i.Inject(W.CanvasFloatDomService)),Te(4,i.IUniverInstanceService),Te(5,i.ICommandService)],exports.DocFloatDomController);var ft=Object.getOwnPropertyDescriptor,vt=(o,e,t,n)=>{for(var r=n>1?void 0:n?ft(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},Me=(o,e)=>(t,n)=>e(t,n,o);let ke=class extends i.RxDisposable{constructor(e,t,n,r,s){super();le(this,"_initImagePopupMenu",new Set);this._drawingManagerService=e,this._canvasPopManagerService=t,this._renderManagerService=n,this._univerInstanceService=r,this._contextService=s,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(e=>this._create(e)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(e=>this._dispose(e)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(e=>this._create(e))}_dispose(e){const t=e.getUnitId();this._renderManagerService.removeRender(t)}_create(e){if(!e)return;const t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){const t=e.getAllObjects();for(const n of t)if(n instanceof De.ImageCropperObject)return!0;return!1}_popupMenuListener(e){var s;const t=(s=this._renderManagerService.getRenderById(e))==null?void 0:s.scene;if(!t)return;const n=t.getTransformerByCreate();if(!n)return;const r=[];this.disposeWithMe(i.toDisposable(n.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const a=n.getSelectedObjectMap();if(r.forEach(I=>I.dispose()),r.length=0,a.size>1)return;const c=a.values().next().value;if(!c)return;const l=c.oKey,d=this._drawingManagerService.getDrawingOKey(l);if(!d||d.drawingType===i.DrawingTypeEnum.DRAWING_DOM)return;const{unitId:g,subUnitId:h,drawingId:m,drawingType:p}=d,f=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:De.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,h,m,p)}},g);r.push(this.disposeWithMe(f)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===g&&I.subUnitId===h&&I.drawingId===m)&&this._drawingManagerService.focusDrawing([{unitId:g,subUnitId:h,drawingId:m}])}))),this.disposeWithMe(i.toDisposable(n.clearControl$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0,this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(i.toDisposable(n.changing$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(n.changeStart$.subscribe(()=>{r.forEach(a=>a.dispose()),r.length=0})))}_getImageMenuItems(e,t,n,r){return[{label:"image-popup.edit",index:0,commandId:nn.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:"image-popup.delete",index:1,commandId:We.id,commandParams:{unitId:e,drawings:[{unitId:e,subUnitId:t,drawingId:n}]},disable:!1},{label:"image-popup.crop",index:2,commandId:De.OpenImageCropOperation.id,commandParams:{unitId:e,subUnitId:t,drawingId:n},disable:!0},{label:"image-popup.reset",index:3,commandId:De.ImageResetSizeOperation.id,commandParams:[{unitId:e,subUnitId:t,drawingId:n}],disable:!0}]}};ke=vt([Me(0,$.IDrawingManagerService),Me(1,i.Inject(X.DocCanvasPopManagerService)),Me(2,L.IRenderManagerService),Me(3,i.IUniverInstanceService),Me(4,i.IContextService)],ke);var It=Object.getOwnPropertyDescriptor,wt=(o,e,t,n)=>{for(var r=n>1?void 0:n?It(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},_e=(o,e)=>(t,n)=>e(t,n,o);let qe=class extends i.Disposable{constructor(e,t,n,r,s,a,c,l){super();le(this,"_liquid",new L.Liquid);this._context=e,this._docSkeletonManagerService=t,this._commandService=n,this._editorService=r,this._drawingManagerService=s,this._docRefreshDrawingsService=a,this._univerInstanceService=c,this._lifecycleService=l,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(e=>{e!=null&&this._refreshDrawing(e)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&this._refreshDrawing(e)})}_commandExecutedListener(){const e=[k.RichTextEditingMutation.id,X.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(e.includes(t.id)){const n=t.params,{unitId:r}=n,{unitId:s,mainComponent:a}=this._context;if(r!==s)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(s)&&s!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){a==null||a.makeDirty();return}this._refreshDrawing(c)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(ee.filter(e=>e.type===L.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),ee.debounceTime(16)).subscribe(()=>{var n;const e=this._docSkeletonManagerService.getSkeleton(),{scene:t}=this._context;(n=t.getTransformer())==null||n.refreshControls(),this._refreshDrawing(e)}))}_refreshDrawing(e){var T,y;const t=e==null?void 0:e.getSkeletonData(),{mainComponent:n,unitId:r}=this._context,s=n;if(!t)return;const{left:a,top:c,pageLayoutType:l,pageMarginLeft:d,pageMarginTop:g}=s,{pages:h,skeHeaders:m,skeFooters:p}=t,f={};this._liquid.reset();for(let O=0,x=h.length;O<x;O++){const R=h[O],{headerId:A,footerId:H,pageWidth:E}=R;if(A){const _=(T=m.get(A))==null?void 0:T.get(E);_&&this._calculateDrawingPosition(r,_,a,c,f,_.marginTop,R.marginLeft)}if(H){const _=(y=p.get(H))==null?void 0:y.get(E);_&&this._calculateDrawingPosition(r,_,a,c,f,R.pageHeight-R.marginBottom+_.marginTop,R.marginLeft)}this._calculateDrawingPosition(r,R,a,c,f,R.marginTop,R.marginLeft),this._liquid.translatePage(R,l,d,g)}const w=Object.values(f),S=w.filter(O=>!O.isMultiTransform),I=w.filter(O=>O.isMultiTransform);S.length>0&&this._drawingManagerService.refreshTransform(S),this._handleMultiDrawingsTransform(I)}_handleMultiDrawingsTransform(e){const{scene:t,unitId:n}=this._context,r=t.getTransformerByCreate();e.forEach(l=>{const d=this._drawingManagerService.getDrawingByParam(l);d!=null&&(d.transform=l.transform,d.transforms=l.transforms,d.isMultiTransform=l.isMultiTransform)});const a=[...r.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(n,n)).filter(l=>l.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),e.length>0&&this._drawingManagerService.addNotification(e);for(const l of a){const d=t.getObject(l);d&&r.setSelectedControl(d)}}_calculateDrawingPosition(e,t,n,r,s,a,c){const{skeDrawings:l}=t;this._liquid.translatePagePadding({marginTop:a,marginLeft:c}),l.forEach(d=>{const{aLeft:g,aTop:h,height:m,width:p,angle:f,drawingId:w,drawingOrigin:S}=d,I=S.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&S.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:T=i.BooleanNumber.FALSE}=S,y={left:g+n+this._liquid.x,top:h+r+this._liquid.y,width:p,height:m,angle:f};s[w]==null?s[w]={unitId:e,subUnitId:e,drawingId:w,behindText:I,transform:y,transforms:[y],isMultiTransform:T}:T===i.BooleanNumber.TRUE&&s[w].transforms.push(y)}),this._liquid.restorePagePadding({marginTop:a,marginLeft:c})}_drawingInitializeListener(){const e=()=>{const t=this._docSkeletonManagerService.getSkeleton();t!=null&&(this._refreshDrawing(t),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=i.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?e():setTimeout(e,500):this._lifecycleService.lifecycle$.pipe(ee.filter(t=>t===i.LifecycleStages.Rendered)).subscribe(e)}};qe=wt([_e(1,i.Inject(k.DocSkeletonManagerService)),_e(2,i.ICommandService),_e(3,X.IEditorService),_e(4,$.IDrawingManagerService),_e(5,i.Inject(He)),_e(6,i.IUniverInstanceService),_e(7,i.Inject(i.LifecycleService))],qe);var St=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,Dt=(o,e,t)=>e in o?St(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,Ct=(o,e,t,n)=>{for(var r=n>1?void 0:n?_t(e,t):e,s=o.length-1,a;s>=0;s--)(a=o[s])&&(r=a(r)||r);return r},ze=(o,e)=>(t,n)=>e(t,n,o),Cn=(o,e,t)=>Dt(o,typeof e!="symbol"?e+"":e,t);const Tt="DOC_DRAWING_UI_PLUGIN";exports.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(e=sn,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerSrv=n,this._configService=r;const{...s}=i.merge({},sn,this._config);this._configService.setConfig(Mn,s)}onStarting(){[[Be],[ke],[Le],[Ue],[He],[exports.DocFloatDomController]].forEach(t=>this._injector.add(t))}onReady(){[[Fe],[qe]].forEach(e=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,e)),this._injector.get(Ue),this._injector.get(Be),this._injector.get(Le)}onRendered(){this._injector.get(ke),this._injector.get(exports.DocFloatDomController)}};Cn(exports.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC);Cn(exports.UniverDocsDrawingUIPlugin,"pluginName",Tt);exports.UniverDocsDrawingUIPlugin=Ct([i.DependentOn(De.UniverDrawingUIPlugin,$.UniverDrawingPlugin,fe.UniverDocsDrawingPlugin,W.UniverUIPlugin),ze(1,i.Inject(i.Injector)),ze(2,L.IRenderManagerService),ze(3,i.IConfigService)],exports.UniverDocsDrawingUIPlugin);exports.ClearDocDrawingTransformerOperation=wn;exports.DOCS_IMAGE_MENU_ID=tn;exports.DeleteDocDrawingsCommand=Ke;exports.EditDocDrawingOperation=nn;exports.GroupDocDrawingCommand=Ye;exports.InsertDocDrawingCommand=Ve;exports.InsertDocImageCommand=Qe;exports.MoveDocDrawingsCommand=ye;exports.RemoveDocDrawingCommand=We;exports.SetDocDrawingArrangeCommand=Je;exports.SidebarDocDrawingOperation=en;exports.UngroupDocDrawingCommand=Ze;
package/lib/es/index.js CHANGED
@@ -2085,8 +2085,8 @@ function Ze(i) {
2085
2085
  }
2086
2086
  const hr = {
2087
2087
  id: Ye.id,
2088
- description: "shortcut.doc.drawing-move-down",
2089
- group: "4_doc-drawing-view",
2088
+ description: "shortcut.drawing-move-down",
2089
+ group: "4_drawing-view",
2090
2090
  binding: He.ARROW_DOWN,
2091
2091
  priority: 100,
2092
2092
  preconditions: Ze,
@@ -2095,8 +2095,8 @@ const hr = {
2095
2095
  }
2096
2096
  }, fr = {
2097
2097
  id: Ye.id,
2098
- description: "shortcut.doc.drawing-move-up",
2099
- group: "4_doc-drawing-view",
2098
+ description: "shortcut.drawing-move-up",
2099
+ group: "4_drawing-view",
2100
2100
  binding: He.ARROW_UP,
2101
2101
  priority: 100,
2102
2102
  preconditions: Ze,
@@ -2105,8 +2105,8 @@ const hr = {
2105
2105
  }
2106
2106
  }, pr = {
2107
2107
  id: Ye.id,
2108
- description: "shortcut.doc.drawing-move-left",
2109
- group: "4_doc-drawing-view",
2108
+ description: "shortcut.drawing-move-left",
2109
+ group: "4_drawing-view",
2110
2110
  binding: He.ARROW_LEFT,
2111
2111
  priority: 100,
2112
2112
  preconditions: Ze,
@@ -2115,8 +2115,8 @@ const hr = {
2115
2115
  }
2116
2116
  }, wr = {
2117
2117
  id: Ye.id,
2118
- description: "shortcut.doc.drawing-move-right",
2119
- group: "4_doc-drawing-view",
2118
+ description: "shortcut.drawing-move-right",
2119
+ group: "4_drawing-view",
2120
2120
  binding: He.ARROW_RIGHT,
2121
2121
  priority: 100,
2122
2122
  preconditions: Ze,
@@ -2125,8 +2125,8 @@ const hr = {
2125
2125
  }
2126
2126
  }, vr = {
2127
2127
  id: vt.id,
2128
- description: "shortcut.doc.drawing-delete",
2129
- group: "4_doc-drawing-view",
2128
+ description: "shortcut.drawing-delete",
2129
+ group: "4_drawing-view",
2130
2130
  // when focusing on any other input tag do not trigger this shortcut
2131
2131
  preconditions: Ze,
2132
2132
  binding: He.DELETE,
package/lib/index.js CHANGED
@@ -2085,8 +2085,8 @@ function Ze(i) {
2085
2085
  }
2086
2086
  const hr = {
2087
2087
  id: Ye.id,
2088
- description: "shortcut.doc.drawing-move-down",
2089
- group: "4_doc-drawing-view",
2088
+ description: "shortcut.drawing-move-down",
2089
+ group: "4_drawing-view",
2090
2090
  binding: He.ARROW_DOWN,
2091
2091
  priority: 100,
2092
2092
  preconditions: Ze,
@@ -2095,8 +2095,8 @@ const hr = {
2095
2095
  }
2096
2096
  }, fr = {
2097
2097
  id: Ye.id,
2098
- description: "shortcut.doc.drawing-move-up",
2099
- group: "4_doc-drawing-view",
2098
+ description: "shortcut.drawing-move-up",
2099
+ group: "4_drawing-view",
2100
2100
  binding: He.ARROW_UP,
2101
2101
  priority: 100,
2102
2102
  preconditions: Ze,
@@ -2105,8 +2105,8 @@ const hr = {
2105
2105
  }
2106
2106
  }, pr = {
2107
2107
  id: Ye.id,
2108
- description: "shortcut.doc.drawing-move-left",
2109
- group: "4_doc-drawing-view",
2108
+ description: "shortcut.drawing-move-left",
2109
+ group: "4_drawing-view",
2110
2110
  binding: He.ARROW_LEFT,
2111
2111
  priority: 100,
2112
2112
  preconditions: Ze,
@@ -2115,8 +2115,8 @@ const hr = {
2115
2115
  }
2116
2116
  }, wr = {
2117
2117
  id: Ye.id,
2118
- description: "shortcut.doc.drawing-move-right",
2119
- group: "4_doc-drawing-view",
2118
+ description: "shortcut.drawing-move-right",
2119
+ group: "4_drawing-view",
2120
2120
  binding: He.ARROW_RIGHT,
2121
2121
  priority: 100,
2122
2122
  preconditions: Ze,
@@ -2125,8 +2125,8 @@ const hr = {
2125
2125
  }
2126
2126
  }, vr = {
2127
2127
  id: vt.id,
2128
- description: "shortcut.doc.drawing-delete",
2129
- group: "4_doc-drawing-view",
2128
+ description: "shortcut.drawing-delete",
2129
+ group: "4_drawing-view",
2130
2130
  // when focusing on any other input tag do not trigger this shortcut
2131
2131
  preconditions: Ze,
2132
2132
  binding: He.DELETE,
package/lib/umd/index.js CHANGED
@@ -1 +1 @@
1
- (function(N,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):(N=typeof globalThis<"u"?globalThis:N||self,i(N.UniverDocsDrawingUi={},N.UniverCore,N.UniverDocsDrawing,N.UniverDrawing,N.UniverDrawingUi,N.UniverEngineRender,N.UniverUi,N.UniverDocs,N.UniverDocsUi,N.rxjs,N.UniverDesign,N.React,N.React))})(this,function(N,i,Q,z,Ie,B,W,H,G,ee,R,u,Y){"use strict";var ft=Object.defineProperty;var pt=(N,i,Q)=>i in N?ft(N,i,{enumerable:!0,configurable:!0,writable:!0,value:Q}):N[i]=Q;var me=(N,i,Q)=>pt(N,typeof i!="symbol"?i+"":i,Q);const yn="docs-drawing-ui.config",an={};var On=Object.getOwnPropertyDescriptor,bn=(a,n,t,e)=>{for(var r=e>1?void 0:e?On(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},be=(a,n)=>(t,e)=>n(t,e,a);function Mn(a){var e,r,o,s;if(i.JSONX.isNoop(a)||!Array.isArray(a))return null;const n=a.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(n==null||!Array.isArray(n)||n.length<3||typeof n[1]=="string"&&typeof n[2]!="object"||Array.isArray(n[1])&&typeof n[1][1]!="object")return null;const t=[];if(Array.isArray(n==null?void 0:n[1]))for(const c of n)Array.isArray(c)&&t.push({type:(e=c==null?void 0:c[1])!=null&&e.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(r=c==null?void 0:c[1])==null?void 0:r.i});else t.push({type:(o=n[2])!=null&&o.i?"add":"remove",drawingId:n[1],drawing:(s=n[2])==null?void 0:s.i});return t}function Pn(a){if(!Array.isArray(a)||a.length<3||a[0]!=="drawingsOrder")return[];const n=[];for(let t=1;t<a.length;t++){const e=a[t];if(Array.isArray(e)&&typeof e[0]=="number"&&typeof e[1]=="object")n.push(e[0]);else{n.length=0;break}}return n}let Re=class extends i.Disposable{constructor(a,n,t,e,r){super(),this._univerInstanceService=a,this._commandService=n,this._drawingManagerService=t,this._docDrawingService=e,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(a=>{if(a.id!==H.RichTextEditingMutation.id)return;const n=a.params,{unitId:t,actions:e}=n,r=Mn(e);if(r!=null)for(const{type:o,drawingId:s,drawing:c}of r)o==="add"?this._addDrawings(t,[c]):this._removeDrawings(t,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id!==H.RichTextEditingMutation.id)return;const n=a.params,{unitId:t,actions:e}=n;Pn(e).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{var s;if(a.id!==i.UndoCommand.id&&a.id!==i.RedoCommand.id)return;const n=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),t=this._drawingManagerService.getFocusDrawings();if(n==null||t.length===0)return;const e=this._renderManagerService.getRenderById(n),r=e==null?void 0:e.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(a,n){const t=this._drawingManagerService,e=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(n),{subUnitId:o,redo:s,objects:c}=r;t.applyJson1(a,o,s),e.applyJson1(a,o,s),t.addNotification(c),e.addNotification(c)}_removeDrawings(a,n){const t=this._drawingManagerService,e=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(n.map(d=>({unitId:a,subUnitId:a,drawingId:d}))),{subUnitId:o,redo:s,objects:c}=r;t.applyJson1(a,o,s),e.applyJson1(a,o,s),t.removeNotification(c),e.removeNotification(c)}_updateDrawingsOrder(a){const n=this._univerInstanceService.getUniverDocInstance(a);if(n==null)return;const t=n.getSnapshot().drawingsOrder;if(t==null)return;const e=this._drawingManagerService,r=this._docDrawingService;e.setDrawingOrder(a,a,t),r.setDrawingOrder(a,a,t);const o={unitId:a,subUnitId:a,drawingIds:t};e.orderNotification(o),r.orderNotification(o)}};Re=bn([be(0,i.IUniverInstanceService),be(1,i.ICommandService),be(2,z.IDrawingManagerService),be(3,Q.IDocDrawingService),be(4,B.IRenderManagerService)],Re);class xe{constructor(){me(this,"_refreshDrawings$",new ee.BehaviorSubject(null));me(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(n){this._refreshDrawings$.next(n)}}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 Nn={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 on(a,n,t,e,r,o,s){var f,p;const c=new i.TextX,d=i.JSONX.getInstance(),l=[],g=o.getSelfOrHeaderFooterModel(n).getBody(),h=o.getSelfOrHeaderFooterModel(a).getBody();if(g==null||h==null)return;const m=(p=(f=g.customBlocks)==null?void 0:f.find(S=>S.blockId===r))==null?void 0:p.startIndex;if(m!=null){if(e=Math.min(h.dataStream.length-2,e),a===n){if(e<m?(e>0&&c.push({t:i.TextXActionType.RETAIN,len:e}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),c.push({t:i.TextXActionType.RETAIN,len:m-e}),c.push({t:i.TextXActionType.DELETE,len:1})):(m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1}),e-m-1>0&&c.push({t:i.TextXActionType.RETAIN,len:e-m-1}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),e!==m){const S=G.getRichTextEditPath(o,n),w=d.editOp(c.serialize(),S);l.push(w)}}else{m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1});let S=G.getRichTextEditPath(o,n),w=d.editOp(c.serialize(),S);l.push(w),c.empty(),e>0&&c.push({t:i.TextXActionType.RETAIN,len:e}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),S=G.getRichTextEditPath(o,a),w=d.editOp(c.serialize(),S),l.push(w),s.setSegment(a),s.setSegmentPage(t)}return l}}const sn={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(a,n)=>{var L,V;if(n==null)return!1;const{drawings:t,wrappingStyle:e,unitId:r}=n,o=a.get(i.ICommandService),s=a.get(i.IUniverInstanceService),d=a.get(B.IRenderManagerService).getRenderById(r),l=d==null?void 0:d.with(H.DocSkeletonManagerService).getSkeleton().getSkeletonData(),g=d==null?void 0:d.with(H.DocSkeletonManagerService).getViewModel(),h=d==null?void 0:d.scene,m=s.getCurrentUniverDocInstance();if(m==null||l==null||h==null||g==null)return!1;const f=g.getEditArea(),p=h.getTransformerByCreate(),{pages:S,skeHeaders:w,skeFooters:I}=l,T=i.JSONX.getInstance(),y=[],{drawings:O={}}=m.getSnapshot();for(const x of t){const{drawingId:_}=x,j=O[_].layoutType,q=Nn[e];if(j!==q){const C=T.replaceOp(["drawings",_,"layoutType"],j,q);y.push(C)}if(e==="behindText"||e==="inFrontOfText"){const C=O[_].behindDoc,A=e==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(C!==A){const b=T.replaceOp(["drawings",_,"behindDoc"],C,A);y.push(b)}}if(e==="inline")continue;let U=null,K=0,D=0;for(const C of S){const{headerId:A,footerId:b,marginTop:k,marginLeft:X,marginBottom:P,pageWidth:F,pageHeight:J}=C;switch(f){case B.DocumentEditArea.HEADER:{const $=(L=w.get(A))==null?void 0:L.get(F);$!=null&&$.skeDrawings.has(_)&&(U=$.skeDrawings.get(_),K=$.marginTop,D=X);break}case B.DocumentEditArea.FOOTER:{const $=(V=I.get(b))==null?void 0:V.get(F);$!=null&&$.skeDrawings.has(_)&&(U=$.skeDrawings.get(_),K=J-P+$.marginTop,D=X);break}case B.DocumentEditArea.BODY:{C.skeDrawings.has(_)&&(U=C.skeDrawings.get(_),K=k,D=X);break}}if(U!=null)break}if(U!=null){const{aTop:C,aLeft:A}=U,b=O[_].docTransform.positionH;let k=A;b.relativeFrom===i.ObjectRelativeFromH.MARGIN?k-=D:b.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(k-=U.columnLeft);const X={relativeFrom:b.relativeFrom,posOffset:k};if(b.posOffset!==X.posOffset){const $=T.replaceOp(["drawings",_,"docTransform","positionH"],b,X);y.push($)}const P=O[_].docTransform.positionV;let F=C;P.relativeFrom===i.ObjectRelativeFromV.PAGE?F+=K:P.relativeFrom===i.ObjectRelativeFromV.LINE?F-=U.lineTop:P.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(F-=U.blockAnchorTop);const J={relativeFrom:P.relativeFrom,posOffset:F};if(P.posOffset!==J.posOffset){const $=T.replaceOp(["drawings",_,"docTransform","positionV"],P,J);y.push($)}}}const E={id:H.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};E.params.actions=y.reduce((x,_)=>i.JSONX.compose(x,_),null);const M=o.syncExecuteCommand(E.id,E.params);return p.refreshControls(),!!M}},cn={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(a,n)=>{if(n==null)return!1;const t=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,dist:s,unitId:c}=n,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=r.getSnapshot();for(const f of o){const{drawingId:p}=f;for(const[S,w]of Object.entries(s)){const I=g[p][S];if(I!==w){const T=d.replaceOp(["drawings",p,S],I,w);l.push(T)}}}const h={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=l.reduce((f,p)=>i.JSONX.compose(f,p),null),!!t.syncExecuteCommand(h.id,h.params)}},ln={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(a,n)=>{if(n==null)return!1;const t=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,wrapText:s,unitId:c}=n,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=r.getSnapshot();for(const f of o){const{drawingId:p}=f,S=g[p].wrapText;if(S!==s){const w=d.replaceOp(["drawings",p,"wrapText"],S,s);l.push(w)}}const h={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=l.reduce((f,p)=>i.JSONX.compose(f,p),null),!!t.syncExecuteCommand(h.id,h.params)}},Me={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(a,n)=>{if(n==null)return!1;const t=a.get(i.ICommandService),e=a.get(i.IUniverInstanceService),o=a.get(B.IRenderManagerService).getRenderById(n.unitId),s=o==null?void 0:o.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),d=e.getCurrentUniverDocInstance();if(d==null)return!1;const{drawings:l,unitId:g}=n,h=i.JSONX.getInstance(),m=[],{drawings:f={}}=d.getSnapshot();for(const w of l){const{drawingId:I,key:T,value:y}=w,O=f[I].docTransform[T];if(!i.Tools.diffValue(O,y)){const E=h.replaceOp(["drawings",I,"docTransform",T],O,y);m.push(E)}}const p={id:H.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};p.params.actions=m.reduce((w,I)=>i.JSONX.compose(w,I),null);const S=t.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!S}},dn={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(a,n)=>{var V,x;if(n==null)return!1;const t=a.get(B.IRenderManagerService),e=(V=t.getRenderById(n.unitId))==null?void 0:V.with(G.DocSelectionRenderService),r=a.get(xe),o=t.getRenderById(n.unitId),s=o==null?void 0:o.scene,c=o==null?void 0:o.with(H.DocSkeletonManagerService).getSkeleton();if(s==null||e==null)return!1;const d=s.getTransformerByCreate(),l=a.get(i.ICommandService),h=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(h==null)return!1;const{drawing:m,unitId:f,offset:p,segmentId:S,segmentPage:w,needRefreshDrawings:I}=n;if(I)return r.refreshDrawings(c),d.refreshControls(),!0;const T=[],{drawingId:y}=m,O=(x=e.getSegment())!=null?x:"",E=on(S,O,w,p,y,h,e);if(E==null||E.length===0)return r.refreshDrawings(c),d.refreshControls(),!1;T.push(...E);const M={id:H.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null}};M.params.actions=T.reduce((_,j)=>i.JSONX.compose(_,j),null);const L=l.syncExecuteCommand(M.id,M.params);return d.refreshControls(),!!L}},gn={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(a,n)=>{var U,K;if(n==null)return!1;const t=a.get(B.IRenderManagerService),e=(U=t.getRenderById(n.unitId))==null?void 0:U.with(G.DocSelectionRenderService),r=t.getRenderById(n.unitId),o=r==null?void 0:r.scene;if(o==null||e==null)return!1;const s=o.getTransformerByCreate(),c=a.get(i.ICommandService),l=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(l==null)return!1;const{drawing:g,unitId:h,offset:m,docTransform:f,segmentId:p,segmentPage:S}=n,w=[],{drawingId:I}=g,T=(K=e.getSegment())!=null?K:"",y=on(p,T,S,m,I,l,e);if(y==null)return!1;y.length>0&&w.push(...y);const O=i.JSONX.getInstance(),{drawings:E={}}=l.getSnapshot(),M=E[I].docTransform,{positionH:L,positionV:V,size:x,angle:_}=M;if(!i.Tools.diffValue(L,f.positionH)){const D=O.replaceOp(["drawings",I,"docTransform","positionH"],L,f.positionH);w.push(D)}if(!i.Tools.diffValue(V,f.positionV)){const D=O.replaceOp(["drawings",I,"docTransform","positionV"],V,f.positionV);w.push(D)}if(!i.Tools.diffValue(x,f.size)){const D=O.replaceOp(["drawings",I,"docTransform","size"],x,f.size);w.push(D)}if(!i.Tools.diffValue(_,f.angle)){const D=O.replaceOp(["drawings",I,"docTransform","angle"],_,f.angle);w.push(D)}const j={id:H.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:null,debounce:!0}};j.params.actions=w.reduce((D,C)=>i.JSONX.compose(D,C),null);const q=c.syncExecuteCommand(j.id,j.params);return s.refreshControls(),!!q}};var En=Object.getOwnPropertyDescriptor,An=(a,n,t,e)=>{for(var r=e>1?void 0:e?En(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},Le=(a,n)=>(t,e)=>n(t,e,a);const Rn="__InlineDrawingAnchor__";function mn(a){const{path:n}=a;return n.some(t=>t==="cells")}let Fe=class extends i.Disposable{constructor(n,t,e,r){super();me(this,"_liquid",new B.Liquid);me(this,"_listenerOnImageMap",new Set);me(this,"_transformerCache",new Map);me(this,"_anchorShape");this._commandService=n,this._univerInstanceService=t,this._drawingManagerService=e,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(n=>{if(n.length!==0)for(const t of n){const{unitId:e}=t;this._listenerOnImageMap.has(e)||(this._listenTransformerChange(e),this._listenerOnImageMap.add(e))}}))}_listenTransformerChange(n){var r;const t=(r=this._getSceneAndTransformerByDrawingSearch(n))==null?void 0:r.transformer;if(t==null)return;this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(o=>{var c;this._transformerCache.clear();const{objects:s}=o;for(const d of s.values()){const{oKey:l,width:g,height:h,left:m,top:f,angle:p}=d,S=this._drawingManagerService.getDrawingOKey(l);if(S==null)continue;const w=this._univerInstanceService.getUniverDocInstance(S.unitId),I=(c=w==null?void 0:w.getSnapshot().drawings)==null?void 0:c[S.drawingId];if((I==null?void 0:I.layoutType)===i.PositionedObjectLayoutType.INLINE)try{d.setOpacity(.2)}catch{}I!=null&&this._transformerCache.set(S.drawingId,{drawing:I,top:f,left:m,width:g,height:h,angle:p})}})));const e=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(o=>{const{objects:s,offsetX:c,offsetY:d}=o;if(s.size>1)e(s);else if(s.size===1){const l=this._transformerCache.values().next().value,g=s.values().next().value,{width:h,height:m,top:f,left:p,angle:S}=g;if(l&&h===l.width&&m===l.height&&f===l.top&&p===l.left&&S===l.angle)return;l&&(l.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),l&&l.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&c!=null&&d!=null&&this._updateInlineDrawingAnchor(l.drawing,c,d)}}))),this.disposeWithMe(i.toDisposable(t.changeEnd$.subscribe(o=>{const{objects:s,offsetX:c,offsetY:d}=o;for(const l of s.values()){const g=this._drawingManagerService.getDrawingOKey(l.oKey);if(g==null)continue;const h=this._transformerCache.get(g==null?void 0:g.drawingId);if((h==null?void 0:h.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE)try{l.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const l=this._transformerCache.values().next().value,g=s.values().next().value,{width:h,height:m,top:f,left:p,angle:S}=g;if(l&&h===l.width&&m===l.height&&f===l.top&&p===l.left&&S===l.angle)return;l&&l.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?h!==l.width||m!==l.height||S!==l.angle?this._updateDrawingSize(l,g):c!=null&&d!=null&&this._moveInlineDrawing(l.drawing,c,d):l&&this._nonInlineDrawingTransform(l.drawing,g)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(n){if(n.size<1)return;const t=[];let e,r;for(const o of n.values()){const{oKey:s,left:c,top:d,angle:l}=o;let{width:g,height:h}=o;const m=this._drawingManagerService.getDrawingOKey(s);if(m==null)continue;e==null&&(e=m.unitId),r==null&&(r=m.subUnitId);const f=this._transformerCache.get(m.drawingId);if(f==null)continue;const{drawing:p,top:S,left:w,width:I,height:T,angle:y}=f,{width:O,height:E}=this._getPageContentSize(p);if(g=Math.min(g,O),h=Math.min(h,E),(I!==g||T!==h)&&t.push({drawingId:m.drawingId,key:"size",value:{width:g,height:h}}),y!==l&&t.push({drawingId:m.drawingId,key:"angle",value:l}),S!==d||w!==c){const M=d-S,L=c-w;M!==0&&t.push({drawingId:m.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+M}}),L!==0&&t.push({drawingId:m.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+L}})}}t.length>0&&e&&r&&this._commandService.executeCommand(Me.id,{unitId:e,subUnitId:r,drawings:t})}_updateDrawingAnchor(n){if(this._transformerCache.size!==1)return;const t=this._transformerCache.values().next().value,e=n.values().next().value;this._getDrawingAnchor(t.drawing,e)}_updateInlineDrawingAnchor(n,t,e){var o;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(o=this._getInlineDrawingAnchor(n,t,e))!=null?o:{};r!=null&&this._createOrUpdateInlineAnchor(n.unitId,r)}_getInlineDrawingAnchor(n,t,e){var U,K;const r=this._renderManagerService.getRenderById(n.unitId),o=r==null?void 0:r.with(H.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:s,scene:c}=r,d=s,l=c.getViewports()[0],{pageLayoutType:g=B.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:m}=d.getOffsetConfig();let f=null,p=!1,S=-1,w="";const I=.5,T=this._getTransformCoordForDocumentOffset(d,l,t,e);if(T==null)return;const y=(U=this._renderManagerService.getRenderById(n.unitId))==null?void 0:U.with(G.DocSelectionRenderService);if(y==null)return;const O=o==null?void 0:o.findNodeByCoord(T,g,h,m,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(O){const{node:D,ratioX:C,segmentPage:A,segmentId:b}=O;p=C<I,f=D,S=A,w=b}if(f==null)return;const E=o==null?void 0:o.findPositionByGlyph(f,S),M=this._getDocObject();if(E==null||o==null||M==null||mn(E))return;const L={...E,isBack:p},V=M.document.getOffsetConfig(),x=new G.NodePositionConvertToCursor(V,o),{cursorList:_,contentBoxPointGroup:j}=x.getRangePointData(L,L),{startOffset:q}=(K=G.getOneTextSelectionRange(_))!=null?K:{};if(q!=null)return{offset:q,contentBoxPointGroup:j,segmentId:w,segmentPage:S}}_getDrawingAnchor(n,t){var ue,he,ce,fe,pe,_e,De,ve,le,de,Ce;const e=this._renderManagerService.getRenderById(n.unitId),r=e==null?void 0:e.with(H.DocSkeletonManagerService).getSkeleton(),o=r==null?void 0:r.getSkeletonData();if(o==null||e==null)return;const{pages:s,skeHeaders:c,skeFooters:d}=o,{mainComponent:l,scene:g}=e,h=l,m=g.getViewports()[0],{pageLayoutType:f=B.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:S,docsLeft:w,docsTop:I}=h.getOffsetConfig(),{left:T,top:y,angle:O}=t;let{width:E,height:M}=t;const{positionV:L,positionH:V}=n.docTransform,{width:x,height:_}=this._getPageContentSize(n);E=Math.min(E,x),M=Math.min(M,_);let j=null,q="",U=-1;const K=!1,D={...n.docTransform,size:{width:E,height:M},angle:O},{x:C,y:A}=g.getViewportScrollXY(m),b=this._getTransformCoordForDocumentOffset(h,m,T-C,y-A);if(b==null)return;const k=(ue=this._renderManagerService.getRenderById(n.unitId))==null?void 0:ue.with(G.DocSelectionRenderService);if(k==null)return;const X=r==null?void 0:r.findNodeByCoord(b,f,p,S,{strict:!1,segmentId:k.getSegment(),segmentPage:k.getSegmentPage()});if(X){const{node:ge,segmentPage:tn,segmentId:rn}=X;j=ge,U=tn,q=rn}if(j==null)return;const P=(he=j.parent)==null?void 0:he.parent,F=P==null?void 0:P.parent,J=(ce=F==null?void 0:F.lines.find(ge=>ge.paragraphIndex===(P==null?void 0:P.paragraphIndex)&&ge.paragraphStart))!=null?ce:F==null?void 0:F.lines[0],$=(fe=F==null?void 0:F.parent)==null?void 0:fe.parent;if(P==null||F==null||J==null||$==null)return;this._liquid.reset();const Z=$.type;for(const ge of s){const{headerId:tn,footerId:rn,pageHeight:mt,pageWidth:Cn,marginLeft:Tn,marginBottom:ut}=ge,ht=s.indexOf(ge);if(U>-1&&ht===U){switch(Z){case B.DocumentSkeletonPageType.HEADER:{const Ae=(pe=c.get(tn))==null?void 0:pe.get(Cn);if(Ae)this._liquid.translatePagePadding({marginTop:Ae.marginTop,marginLeft:Tn});else throw new Error("header skeleton not found");break}case B.DocumentSkeletonPageType.FOOTER:{const Ae=(_e=d.get(rn))==null?void 0:_e.get(Cn);if(Ae)this._liquid.translatePagePadding({marginTop:mt-ut+Ae.marginTop,marginLeft:Tn});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(ge),ge===$)break;this._liquid.restorePagePadding(ge),this._liquid.translatePage(ge,f,p,S)}switch(L.relativeFrom===i.ObjectRelativeFromV.LINE?j=P.divides[0].glyphGroup[0]:j=(de=(le=(ve=(De=J.divides)==null?void 0:De[0])==null?void 0:ve.glyphGroup)==null?void 0:le[0])!=null?de:j,D.positionH={relativeFrom:V.relativeFrom,posOffset:T-this._liquid.x-w},V.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{D.positionH.posOffset=T-this._liquid.x-w-$.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{D.positionH.posOffset=T-this._liquid.x-w-F.left;break}}switch(D.positionV={relativeFrom:L.relativeFrom,posOffset:y-this._liquid.y-I},L.relativeFrom){case i.ObjectRelativeFromV.PAGE:{D.positionV.posOffset=y-this._liquid.y-I-$.marginTop;break}case i.ObjectRelativeFromV.LINE:{D.positionV.posOffset=y-this._liquid.y-I-P.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{D.positionV.posOffset=y-this._liquid.y-I-J.top;break}}if(j==null)return;const oe=r==null?void 0:r.findPositionByGlyph(j,U),Oe=this._getDocObject();if(oe==null||r==null||Oe==null||mn(oe))return;const we={...oe,isBack:K},Ee=Oe.document.getOffsetConfig(),se=new G.NodePositionConvertToCursor(Ee,r),{cursorList:ne}=se.getRangePointData(we,we),{startOffset:te}=(Ce=G.getOneTextSelectionRange(ne))!=null?Ce:{};if(te!=null)return{offset:te,docTransform:D,segmentId:q,segmentPage:U}}_updateDrawingSize(n,t){const e=[],{drawing:r,width:o,height:s,angle:c}=n,{unitId:d,subUnitId:l}=r;let{width:g,height:h,angle:m}=t;const{width:f,height:p}=this._getPageContentSize(r);g=Math.min(f,g),h=Math.min(p,h),(g!==o||h!==s)&&e.push({drawingId:r.drawingId,key:"size",value:{width:g,height:h}}),m!==c&&e.push({drawingId:r.drawingId,key:"angle",value:m}),e.length>0&&d&&l&&this._commandService.executeCommand(Me.id,{unitId:d,subUnitId:l,drawings:e})}_moveInlineDrawing(n,t,e){const r=this._getInlineDrawingAnchor(n,t,e),{offset:o,segmentId:s,segmentPage:c}=r!=null?r:{};return this._commandService.executeCommand(dn.id,{unitId:n.unitId,subUnitId:n.unitId,drawing:n,offset:o,segmentId:s,segmentPage:c,needRefreshDrawings:o==null})}_limitDrawingInPage(n,t){const e=this._renderManagerService.getRenderById(n.unitId),{left:r,top:o,width:s,height:c,angle:d}=t,l=e==null?void 0:e.with(H.DocSkeletonManagerService).getSkeleton(),g=l==null?void 0:l.getSkeletonData(),{pages:h}=g!=null?g:{};if(g==null||e==null||h==null)return{left:r,top:o,width:s,height:c,angle:d};const{mainComponent:m}=e,f=m,{top:p,pageLayoutType:S,pageMarginLeft:w,pageMarginTop:I}=f;let T=o;this._liquid.reset();for(const y of h){const{marginBottom:O,pageHeight:E}=y,M=h.indexOf(y),L=h[M+1];if(L==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(o,o+c,this._liquid.y+p+E-O,this._liquid.y+p+E+I+L.marginTop)){const x=o+c/2,_=this._liquid.y+p+E+I/2;x<_?T=Math.min(o,this._liquid.y+p+E-O-c):T=Math.max(o,this._liquid.y+p+E+I+L.marginTop)}this._liquid.translatePage(y,S,w,I)}return{left:r,top:T,width:s,height:c,angle:d}}_nonInlineDrawingTransform(n,t,e=!1){const r=n.isMultiTransform===i.BooleanNumber.TRUE?t:this._limitDrawingInPage(n,t);if(e&&r.top!==t.top)return;const o=this._getDrawingAnchor(n,r),{offset:s,docTransform:c,segmentId:d,segmentPage:l}=o!=null?o:{};return s==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[n.drawingId,t]])):this._commandService.executeCommand(gn.id,{unitId:n.unitId,subUnitId:n.unitId,drawing:n,offset:s,docTransform:c,segmentId:d,segmentPage:l})}_getSceneAndTransformerByDrawingSearch(n){if(n==null)return;const t=this._renderManagerService.getRenderById(n),e=t==null?void 0:t.scene;if(e==null)return;const r=e.getTransformerByCreate();return{scene:e,transformer:r}}_getTransformCoordForDocumentOffset(n,t,e,r){const{documentTransform:o}=n.getOffsetConfig(),s=t.transformVector2SceneCoord(B.Vector2.FromArray([e,r]));if(s)return o.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(n,t){const e=this._renderManagerService.getRenderById(n);if(e==null)return;const{mainComponent:r,scene:o}=e,s=r,{docsLeft:c,docsTop:d}=s.getOffsetConfig(),l=G.getAnchorBounding(t),{left:g,top:h,height:m}=l,f=g+c,p=h+d;if(this._anchorShape){this._anchorShape.transformByState({left:f,top:p,height:m}),this._anchorShape.show();return}const S=6,w=new B.Rect(Rn+i.Tools.generateRandomId(S),{left:f,top:p,height:m,strokeWidth:2,stroke:B.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=w,o.addObject(w,G.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return G.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(n){const t=this._renderManagerService.getRenderById(n.unitId),e=t==null?void 0:t.with(H.DocSkeletonManagerService).getSkeleton(),r=500,o=500,s=e==null?void 0:e.getSkeletonData();if(s==null||t==null)return{width:r,height:o};const{pages:c}=s;let d=null;for(const l of c){const{skeDrawings:g}=l;if(g.has(n.drawingId)){d=l;break}}if(d){const{pageWidth:l,pageHeight:g,marginLeft:h,marginBottom:m,marginRight:f,marginTop:p}=d;return{width:Math.max(r,l-h-f),height:Math.max(o,g-p-m)}}else return{width:r,height:o}}};Fe=An([Le(0,i.ICommandService),Le(1,i.IUniverInstanceService),Le(2,z.IDrawingManagerService),Le(3,B.IRenderManagerService)],Fe);var re=function(){return re=Object.assign||function(a){for(var n,t=1,e=arguments.length;t<e;t++){n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(a[r]=n[r])}return a},re.apply(this,arguments)},xn=function(a,n){var t={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&n.indexOf(e)<0&&(t[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(a);r<e.length;r++)n.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(t[e[r]]=a[e[r]]);return t},un=Y.forwardRef(function(a,n){var t=a.icon,e=a.id,r=a.className,o=a.extend,s=xn(a,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),d=Y.useRef("_".concat(Un()));return hn(t,"".concat(e),{defIds:t.defIds,idSuffix:d.current},re({ref:n,className:c},s),o)});function hn(a,n,t,e,r){return Y.createElement(a.tag,re(re({key:n},Ln(a,t,r)),e),(Fn(a,t).children||[]).map(function(o,s){return hn(o,"".concat(n,"-").concat(a.tag,"-").concat(s),t,void 0,r)}))}function Ln(a,n,t){var e=re({},a.attrs);t!=null&&t.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=t.colorChannel1),a.tag==="mask"&&e.id&&(e.id=e.id+n.idSuffix),Object.entries(e).forEach(function(o){var s=o[0],c=o[1];s==="mask"&&typeof c=="string"&&(e[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))});var r=n.defIds;return!r||r.length===0||(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+n.idSuffix),Object.entries(e).forEach(function(o){var s=o[0],c=o[1];typeof c=="string"&&(e[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))})),e}function Fn(a,n){var t,e=n.defIds;return!e||e.length===0?a:a.tag==="defs"&&(!((t=a.children)===null||t===void 0)&&t.length)?re(re({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?re(re({},r),{attrs:re(re({},r.attrs),{id:r.attrs.id+n.idSuffix})}):r})}):a}function Un(){return Math.random().toString(36).substring(2,8)}un.displayName="UniverIcon";var Bn={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(a,n){return Y.createElement(un,Object.assign({},a,{id:"add-image-single",ref:n,icon:Bn}))});fn.displayName="AddImageSingle";const Ue={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{var E,M,L,V;const t=a.get(i.ICommandService),e=a.get(i.IUniverInstanceService),r=a.get(B.IRenderManagerService),o=e.getCurrentUniverDocInstance();if(n==null||o==null)return!1;const s=r.getRenderById(n.unitId).with(G.DocSelectionRenderService),{drawings:c}=n,d=(E=s.getSegment())!=null?E:"",l=new i.TextX,g=i.JSONX.getInstance(),h=(L=(M=o.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:M.customBlocks)!=null?L:[],m=c.map(x=>h.find(_=>_.blockId===x.drawingId)).filter(x=>!!x).sort((x,_)=>x.startIndex>_.startIndex?1:-1),f=c[0].unitId,p=new i.MemoryCursor;p.reset();const S=m[0].startIndex,w=[{startOffset:S,endOffset:S}],I={id:H.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:w}},T=[];for(const x of m){const{startIndex:_}=x;_>p.cursor&&l.push({t:i.TextXActionType.RETAIN,len:_-p.cursor}),l.push({t:i.TextXActionType.DELETE,len:1}),p.moveCursorTo(_+1)}const y=G.getRichTextEditPath(o,d);T.push(g.editOp(l.serialize(),y));for(const x of m){const{blockId:_}=x,j=((V=o.getDrawings())!=null?V:{})[_],U=o.getDrawingsOrder().indexOf(_),K=g.removeOp(["drawings",_],j),D=g.removeOp(["drawingsOrder",U],_);T.push(K),T.push(D)}return I.params.actions=T.reduce((x,_)=>i.JSONX.compose(x,_),null),!!t.syncExecuteCommand(I.id,I.params)}},Xe={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:a=>{const n=a.get(i.ICommandService),e=a.get(Q.IDocDrawingService).getFocusDrawings();if(e.length===0)return!1;const{unitId:r}=e[0],o=e.map(s=>{const{unitId:c,subUnitId:d,drawingId:l,drawingType:g}=s;return{unitId:c,subUnitId:d,drawingId:l,drawingType:g}});return n.executeCommand(Ue.id,{unitId:r,drawings:o})}},$e={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const t=a.get(Q.IDocDrawingService);if(!n)return!1;const e=[];n.forEach(({parent:g,children:h})=>{e.push(g.unitId),h.forEach(m=>{e.push(m.unitId)})});const r=t.getGroupDrawingOp(n),{unitId:o,subUnitId:s,undo:c,redo:d,objects:l}=r;return!1}},Be={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{var M,L,V,x;if(n==null)return!1;const t=a.get(i.ICommandService),e=a.get(H.DocSelectionManagerService),r=a.get(i.IUniverInstanceService),o=e.getActiveTextRange(),s=r.getCurrentUniverDocInstance();if(o==null||s==null)return!1;const c=s.getUnitId(),{drawings:d}=n,{collapsed:l,startOffset:g,segmentId:h}=o,m=s.getSelfOrHeaderFooterModel(h).getBody();if(m==null)return!1;const f=new i.TextX,p=i.JSONX.getInstance(),S=[],w=(L=(M=s.getSnapshot().drawingsOrder)==null?void 0:M.length)!=null?L:0;let I=0;if(l)g>0&&f.push({t:i.TextXActionType.RETAIN,len:g});else{const _=i.BuildTextUtils.selection.delete([o],m,0,null,!1);f.push(..._);const j=G.getCustomBlockIdsInSelections(m,[o]),q=(V=s.getDrawings())!=null?V:{},U=(x=s.getDrawingsOrder())!=null?x:[],K=j.sort((D,C)=>U.indexOf(D)>U.indexOf(C)?-1:U.indexOf(D)<U.indexOf(C)?1:0);if(K.length>0)for(const D of K){const C=q[D],A=U.indexOf(D);if(C==null||A<0)continue;const b=p.removeOp(["drawings",D],C),k=p.removeOp(["drawingsOrder",A],D);S.push(b),S.push(k),I++}}f.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(d.length),customBlocks:d.map((_,j)=>({startIndex:j,blockId:_.drawingId}))},len:d.length});const T=G.getRichTextEditPath(s,h),y=p.editOp(f.serialize(),T);S.push(y);for(const _ of d){const{drawingId:j}=_,q=p.insertOp(["drawings",j],_),U=p.insertOp(["drawingsOrder",w-I],j);S.push(q),S.push(U)}const O={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return O.params.actions=S.reduce((_,j)=>i.JSONX.compose(_,j),null),!!t.syncExecuteCommand(O.id,O.params)}},ze={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(a,n)=>{const t=a.get(i.ICommandService),e=a.get(Q.IDocDrawingService);if(n==null)return!1;const{unitId:r,subUnitId:o,drawingIds:s,arrangeType:c}=n,d={unitId:r,subUnitId:o,drawingIds:s};let l;if(c===i.ArrangeTypeEnum.forward?l=e.getForwardDrawingsOp(d):c===i.ArrangeTypeEnum.backward?l=e.getBackwardDrawingOp(d):c===i.ArrangeTypeEnum.front?l=e.getFrontDrawingsOp(d):c===i.ArrangeTypeEnum.back&&(l=e.getBackDrawingsOp(d)),l==null)return!1;const{redo:g}=l;if(g==null)return!1;const h=[];let m=i.Tools.deepClone(g);m=m.slice(3),m.unshift("drawingsOrder"),h.push(m);const f={id:H.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return f.params.actions=h.reduce((S,w)=>i.JSONX.compose(S,w),null),!!t.syncExecuteCommand(f.id,f.params)}},qe={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const t=a.get(Q.IDocDrawingService);if(!n)return!1;const e=[];n.forEach(({parent:g,children:h})=>{e.push(g.unitId),h.forEach(m=>{e.push(m.unitId)})});const r=t.getUngroupDrawingOp(n),{unitId:o,subUnitId:s,undo:c,redo:d,objects:l}=r;return!1}};var jn=Object.getOwnPropertyDescriptor,kn=(a,n,t,e)=>{for(var r=e>1?void 0:e?jn(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},ae=(a,n)=>(t,e)=>n(t,e,a);let je=class extends i.Disposable{constructor(a,n,t,e,r,o,s,c,d,l,g,h,m){super(),this._context=a,this._commandService=n,this._docSelectionManagerService=t,this._renderManagerSrv=e,this._imageIoService=r,this._docDrawingService=o,this._drawingManagerService=s,this._contextService=c,this._messageService=d,this._localeService=l,this._docSelectionRenderService=g,this._docRefreshDrawingsService=h,this._fileOpenerService=m,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const a=await this._fileOpenerService.openFile({multiple:!0,accept:z.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(t=>`.${t.replace("image/","")}`).join(",")}),n=a.length;return n>z.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:R.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(z.DRAWING_IMAGE_COUNT_LIMIT))}),!1):n===0?!1:(await this._insertFloatImages(a),!0)}async _insertFloatImages(a){let n=[];try{n=await Promise.all(a.map(r=>this._imageIoService.saveImage(r)))}catch(r){const o=r.message;let s="";switch(o){case z.ImageUploadStatusType.ERROR_EXCEED_SIZE:s=this._localeService.t("update-status.exceedMaxSize",String(z.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case z.ImageUploadStatusType.ERROR_IMAGE_TYPE:s=this._localeService.t("update-status.invalidImageType");break;case z.ImageUploadStatusType.ERROR_IMAGE:s=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:R.MessageType.Error,content:s})}if(n.length===0)return;const{unitId:t}=this._context,e=[];for(const r of n){if(r==null)continue;const{imageId:o,imageSourceType:s,source:c,base64Cache:d}=r,{width:l,height:g,image:h}=await z.getImageSize(d||"");this._imageIoService.addImageSourceCache(o,s,h);let m=1;if(l>z.DRAWING_IMAGE_WIDTH_LIMIT||g>z.DRAWING_IMAGE_HEIGHT_LIMIT){const w=z.DRAWING_IMAGE_WIDTH_LIMIT/l,I=z.DRAWING_IMAGE_HEIGHT_LIMIT/g;m=Math.min(w,I)}const f=this._getImagePosition(l*m,g*m);if(f==null)return;const p={unitId:t,subUnitId:t,drawingId:o,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:G.docDrawingPositionToTransform(f),docTransform:f,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),e.push(p)}this._commandService.executeCommand(Be.id,{unitId:t,drawings:e})}_isInsertInHeaderFooter(){var e;const{unitId:a}=this._context,n=(e=this._renderManagerSrv.getRenderById(a))==null?void 0:e.with(H.DocSkeletonManagerService).getViewModel(),t=n==null?void 0:n.getEditArea();return t===B.DocumentEditArea.HEADER||t===B.DocumentEditArea.FOOTER}_getImagePosition(a,n){const t=this._docSelectionRenderService.getActiveTextRange(),e=(t==null?void 0:t.getAbsolutePosition())||{left:0};return{size:{width:a,height:n},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:e.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(a=>{const{unitId:n,subUnitId:t,drawingIds:e,arrangeType:r}=a;this._commandService.executeCommand(ze.id,{unitId:n,subUnitId:t,drawingIds:e,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(a=>{this._commandService.executeCommand($e.id,a)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(a=>{this._commandService.executeCommand(qe.id,a)})}_getCurrentSceneAndTransformer(){const{scene:a,mainComponent:n}=this._context;if(a==null||n==null)return;const t=a.getTransformerByCreate(),{docsLeft:e,docsTop:r}=n.getOffsetConfig();return{scene:a,transformer:t,docsLeft:e,docsTop:r}}_transformDrawingListener(){const a=this._getCurrentSceneAndTransformer();if(a&&a.transformer)this.disposeWithMe(a.transformer.changeEnd$.pipe(ee.debounceTime(30)).subscribe(n=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(a=>{var r;const{transformer:n,docsLeft:t,docsTop:e}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(a==null||a.length===0)this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),n&&n.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),n&&n.resetProps({zeroTop:e,zeroLeft:t})}}))}_findSegmentIdByDrawingId(a){var s,c,d;const{unit:n}=this._context,{body:t,headers:e={},footers:r={}}=n.getSnapshot();if(((s=t==null?void 0:t.customBlocks)!=null?s:[]).some(l=>l.blockId===a))return"";for(const l of Object.keys(e))if((c=e[l].body.customBlocks)!=null&&c.some(g=>g.blockId===a))return l;for(const l of Object.keys(r))if((d=r[l].body.customBlocks)!=null&&d.some(g=>g.blockId===a))return l;return""}_updateDrawingsEditStatus(){var c;const{unit:a,scene:n,unitId:t}=this._context,e=(c=this._renderManagerSrv.getRenderById(t))==null?void 0:c.with(H.DocSkeletonManagerService).getViewModel();if(e==null||a==null)return;const r=a.getSnapshot(),{drawings:o={}}=r,s=e.getEditArea()===B.DocumentEditArea.BODY;for(const d of Object.keys(o)){const l=o[d],g=z.getDrawingShapeKeyByDrawingSearch({unitId:t,drawingId:l.drawingId,subUnitId:t}),h=n.fuzzyMathObjects(g,!0);if(h.length)for(const m of h){n.detachTransformerFrom(m);try{m.setOpacity(.5)}catch{}if(s&&l.isMultiTransform!==i.BooleanNumber.TRUE||!s&&l.isMultiTransform===i.BooleanNumber.TRUE){l.allowTransform!==!1&&n.attachTransformerTo(m);try{m.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var t;const{unitId:a}=this._context,n=(t=this._renderManagerSrv.getRenderById(a))==null?void 0:t.with(H.DocSkeletonManagerService).getViewModel();n!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(n.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{e.id===H.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(a){var r,o;const{unit:n}=this._context,t=(o=(r=n.getSnapshot().body)==null?void 0:r.customBlocks)!=null?o:[],e=a.map(s=>{const c=s.drawingId,d=t.find(l=>l.blockId===c);return d?d.startIndex:null}).filter(s=>s!==null).map(s=>({startOffset:s,endOffset:s+1}));this._docSelectionManagerService.replaceDocRanges(e)}};je=kn([ae(1,i.ICommandService),ae(2,i.Inject(H.DocSelectionManagerService)),ae(3,B.IRenderManagerService),ae(4,z.IImageIoService),ae(5,Q.IDocDrawingService),ae(6,z.IDrawingManagerService),ae(7,i.IContextService),ae(8,W.IMessageService),ae(9,i.Inject(i.LocaleService)),ae(10,i.Inject(G.DocSelectionRenderService)),ae(11,i.Inject(xe)),ae(12,W.ILocalFileService)],je);const Ke={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:a=>{var e,r;const n=a.get(i.IUniverInstanceService),t=a.get(B.IRenderManagerService);return(r=(e=B.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,n,t))==null?void 0:e.with(je).insertDocImage())!=null?r:!1}},Te={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(a,n)=>{const t=a.get(i.ICommandService),e=a.get(Q.IDocDrawingService),r=a.get(i.IUniverInstanceService),o=a.get(B.IRenderManagerService),{direction:s}=n,c=e.getFocusDrawings();if(c.length===0)return!1;const d=c[0].unitId,l=o.getRenderById(d),g=l==null?void 0:l.scene;if(g==null)return!1;const h=g.getTransformerByCreate(),m=r.getUniverDocInstance(d),f=c.map(S=>{var M,L,V,x,_;const{drawingId:w}=S,I=(M=m==null?void 0:m.getSnapshot().drawings)==null?void 0:M[w];if(I==null||I.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=I.docTransform,O={...T},E={...y};return s===i.Direction.UP?E.posOffset=((L=E.posOffset)!=null?L:0)-2:s===i.Direction.DOWN?E.posOffset=((V=E.posOffset)!=null?V:0)+2:s===i.Direction.LEFT?O.posOffset=((x=O.posOffset)!=null?x:0)-2:s===i.Direction.RIGHT&&(O.posOffset=((_=O.posOffset)!=null?_:0)+2),{drawingId:w,key:s===i.Direction.UP||s===i.Direction.DOWN?"positionV":"positionH",value:s===i.Direction.UP||s===i.Direction.DOWN?E:O}}).filter(S=>S!=null);if(f.length===0)return!1;const p=t.syncExecuteCommand(Me.id,{unitId:d,subUnitId:d,drawings:f});return h.refreshControls(),!!p}},pn={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(a,n)=>{const t=a.get(B.IRenderManagerService);return n.forEach(e=>{var r,o;(o=(r=t.getRenderById(e))==null?void 0:r.scene.getTransformer())==null||o.debounceRefreshControls()}),!0}},vn="COMPONENT_DOC_DRAWING_PANEL",Ye={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(a,n)=>{const t=a.get(W.ISidebarService),e=a.get(i.LocaleService),r=a.get(z.IDrawingManagerService);switch(n.value){case"open":t.open({header:{title:e.t("docImage.panel.title")},children:{label:vn},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},Je={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(a,n)=>{const t=a.get(z.IDrawingManagerService),e=a.get(i.ICommandService);return n==null?!1:(t.focusDrawing([n]),e.executeCommand(Ye.id,{value:"open"}),!0)}},v={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",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelInput:"univer-image-common-panel-input"},In=-1e3,Sn=1e3,Hn=a=>{const n=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),e=W.useDependency(z.IDrawingManagerService),r=W.useDependency(B.IRenderManagerService),o=W.useDependency(i.IUniverInstanceService),{drawings:s}=a,c=s[0];if(c==null)return;const{unitId:d}=c,l=o.getUniverDocInstance(d),g=l==null?void 0:l.getSnapshot().documentStyle.documentFlavor,h=r.getRenderById(d),m=h==null?void 0:h.scene;if(m==null)return;const f=m.getTransformerByCreate(),p=[{label:t.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],S=[{label:t.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[w,I]=Y.useState(!0),[T,y]=Y.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,E]=Y.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[M,L]=Y.useState(!0),[V,x]=Y.useState(!0);function _(C,A){var P;C==="positionH"?y(A):E(A);const b=e.getFocusDrawings();if(b.length===0)return;const k=b.map(F=>({unitId:F.unitId,subUnitId:F.subUnitId,drawingId:F.drawingId}));n.executeCommand(Me.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:k.map(F=>({drawingId:F.drawingId,key:C,value:A}))});const X=(P=r.getRenderById(d))==null?void 0:P.with(G.DocSelectionRenderService);X&&X.blur(),f.refreshControls()}function j(C){var te,ue,he;const A=T.relativeFrom,b=T.posOffset,k=Number(C);if(A===k)return;const X=e.getFocusDrawings();if(X.length===0)return;const P=X[0].drawingId,F=X[0].unitId;let J=null,$=0;const Z=(te=r.getRenderById(F))==null?void 0:te.with(H.DocSkeletonManagerService).getSkeleton(),oe=Z==null?void 0:Z.getSkeletonData();if(oe==null)return;const{pages:Oe,skeHeaders:we,skeFooters:Ee}=oe;for(const ce of Oe){const{marginLeft:fe,skeDrawings:pe,headerId:_e,footerId:De,pageWidth:ve}=ce;if(pe.has(P)){J=pe.get(P),$=fe;break}const le=(ue=we.get(_e))==null?void 0:ue.get(ve);if(le!=null&&le.skeDrawings.has(P)){J=le==null?void 0:le.skeDrawings.get(P),$=fe;break}const de=(he=Ee.get(De))==null?void 0:he.get(ve);if(de!=null&&de.skeDrawings.has(P)){J=de==null?void 0:de.skeDrawings.get(P),$=fe;break}}if(J==null)return;let se=0;A===i.ObjectRelativeFromH.COLUMN?se-=J.columnLeft:A===i.ObjectRelativeFromH.MARGIN&&(se-=$),k===i.ObjectRelativeFromH.COLUMN?se+=J.columnLeft:k===i.ObjectRelativeFromH.MARGIN?se+=$:i.ObjectRelativeFromH.PAGE;const ne={relativeFrom:k,posOffset:(b!=null?b:0)-se};_("positionH",ne)}function q(C){var pe,_e,De,ve,le,de;const A=O.relativeFrom,b=O.posOffset,k=Number(C);if(A===k)return;const X=e.getFocusDrawings();if(X.length===0)return;const{drawingId:P,unitId:F}=X[0],J=o.getUniverDocInstance(F),$=(pe=r.getRenderById(F))==null?void 0:pe.with(H.DocSkeletonManagerService).getSkeleton(),Z=(_e=r.getRenderById(F))==null?void 0:_e.with(G.DocSelectionRenderService),oe=Z==null?void 0:Z.getSegment(),Oe=Z==null?void 0:Z.getSegmentPage(),we=(ve=(De=J==null?void 0:J.getSelfOrHeaderFooterModel(oe).getBody())==null?void 0:De.customBlocks)==null?void 0:ve.find(Ce=>Ce.blockId===P);if(we==null||$==null||Z==null)return;const{startIndex:Ee}=we,se=$.findNodeByCharIndex(Ee,oe,Oe),ne=(le=se==null?void 0:se.parent)==null?void 0:le.parent,te=ne==null?void 0:ne.parent,ue=te==null?void 0:te.lines.find(Ce=>Ce.paragraphIndex===(ne==null?void 0:ne.paragraphIndex)&&Ce.paragraphStart),he=(de=te==null?void 0:te.parent)==null?void 0:de.parent;if(se==null||ne==null||ue==null||te==null||he==null)return;let ce=0;A===i.ObjectRelativeFromV.PARAGRAPH?ce-=ue.top:A===i.ObjectRelativeFromV.LINE?ce-=ne.top:A===i.ObjectRelativeFromV.PAGE&&(ce+=he.marginTop),k===i.ObjectRelativeFromV.PARAGRAPH?ce+=ue.top:k===i.ObjectRelativeFromV.LINE?ce+=ne.top:k===i.ObjectRelativeFromV.PAGE&&(ce-=he.marginTop);const fe={relativeFrom:k,posOffset:(b!=null?b:0)-ce};_("positionV",fe)}function U(C){var F;const A=l==null?void 0:l.getSnapshot(),b=(F=A==null?void 0:A.drawings)==null?void 0:F[C.drawingId];if(b==null)return;const{layoutType:k}=b,{positionH:X,positionV:P}=b.docTransform;y(X),E(P),I(k===i.PositionedObjectLayoutType.INLINE),L(P.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||P.relativeFrom===i.ObjectRelativeFromV.LINE)}function K(){const C=e.getFocusDrawings();C.length!==0&&U(C[0])}function D(C){L(C),q(String(C?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return Y.useEffect(()=>{K();const C=e.focus$.subscribe(b=>{if(b.length===0){x(!1);return}x(!0),U(b[0])}),A=n.onCommandExecuted(async b=>{b.id===H.RichTextEditingMutation.id&&K()});return()=>{C.unsubscribe(),A.dispose()}},[]),u.jsxs("div",{className:R.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:V?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-position.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.horizontal")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:In,max:Sn,precision:1,disabled:w,value:T.posOffset,onChange:C=>{_("positionH",{relativeFrom:T.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.toTheRightOf")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.Select,{value:String(T.relativeFrom),disabled:w,options:p,onChange:j})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.vertical")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:In,max:Sn,precision:1,disabled:w,value:O.posOffset,onChange:C=>{_("positionV",{relativeFrom:O.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.bellow")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.Select,{disabled:w,value:String(O.relativeFrom),options:S,onChange:q})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.options")})})}),u.jsx("div",{className:v.imageCommonPanelRow,style:{marginBottom:"50px"},children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.Checkbox,{disabled:w,checked:M,onChange:D,children:t.t("image-position.moveObjectWithText")})})})]})},ke=0,He=100,Wn=a=>{const n=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),e=W.useDependency(z.IDrawingManagerService),r=W.useDependency(B.IRenderManagerService),o=W.useDependency(i.IUniverInstanceService),{drawings:s}=a,c=s[0];if(c==null)return null;const{unitId:d}=c,l=o.getUniverDocInstance(d),g=r.getRenderById(d);if((g==null?void 0:g.scene)==null)return null;const[m,f]=Y.useState(!0),[p,S]=Y.useState(!0),[w,I]=Y.useState(!0),[T,y]=Y.useState(ie.INLINE),[O,E]=Y.useState(""),[M,L]=Y.useState({distT:0,distL:0,distB:0,distR:0}),[V,x]=Y.useState(!0);function _(D){y(D);const C=e.getFocusDrawings();if(C.length===0)return;const{unitId:A,subUnitId:b}=C[0],k=C.map(({unitId:X,subUnitId:P,drawingId:F})=>({unitId:X,subUnitId:P,drawingId:F}));n.executeCommand(sn.id,{unitId:A,subUnitId:b,drawings:k,wrappingStyle:D})}function j(D){E(D);const C=e.getFocusDrawings();if(C.length===0)return;const A=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));n.executeCommand(ln.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:A,wrapText:D})}function q(D,C){if(D==null)return;const A={...M,[C]:D};L(A);const b=e.getFocusDrawings();if(b.length===0)return;const k=b.map(X=>({unitId:X.unitId,subUnitId:X.subUnitId,drawingId:X.drawingId}));n.executeCommand(cn.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:k,dist:{[C]:D}})}function U(){const D=e.getFocusDrawings();D.length!==0&&K(D[0])}function K(D){var Z,oe;const C=(oe=(Z=l==null?void 0:l.getSnapshot())==null?void 0:Z.drawings)==null?void 0:oe[D.drawingId];if(C==null)return;const{distT:A=0,distL:b=0,distB:k=0,distR:X=0,layoutType:P=i.PositionedObjectLayoutType.INLINE,behindDoc:F=i.BooleanNumber.FALSE,wrapText:J=i.WrapTextType.BOTH_SIDES}=C;if(L({distT:A,distL:b,distB:k,distR:X}),E(J),f(P!==i.PositionedObjectLayoutType.WRAP_SQUARE),P===i.PositionedObjectLayoutType.WRAP_NONE||P===i.PositionedObjectLayoutType.INLINE?S(!0):S(!1),P===i.PositionedObjectLayoutType.WRAP_NONE||P===i.PositionedObjectLayoutType.INLINE||P===i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?I(!0):I(!1),P===i.PositionedObjectLayoutType.WRAP_NONE)F===i.BooleanNumber.TRUE?y(ie.BEHIND_TEXT):y(ie.IN_FRONT_OF_TEXT);else switch(P){case i.PositionedObjectLayoutType.INLINE:y(ie.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:y(ie.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ie.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${P}`)}}return Y.useEffect(()=>{U();const D=e.focus$.subscribe(A=>{if(A.length===0){x(!1);return}x(!0),K(A[0])}),C=n.onCommandExecuted(async A=>{A.id===H.RichTextEditingMutation.id&&U()});return()=>{D.unsubscribe(),C.dispose()}},[]),u.jsxs("div",{className:R.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:V?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-text-wrap.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrappingStyle")})})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn),children:u.jsxs(R.RadioGroup,{value:T,onChange:_,direction:"vertical",children:[u.jsx(R.Radio,{value:ie.INLINE,children:t.t("image-text-wrap.inline")}),u.jsx(R.Radio,{value:ie.WRAP_SQUARE,children:t.t("image-text-wrap.square")}),u.jsx(R.Radio,{value:ie.WRAP_TOP_AND_BOTTOM,children:t.t("image-text-wrap.topAndBottom")}),u.jsx(R.Radio,{value:ie.BEHIND_TEXT,children:t.t("image-text-wrap.behindText")}),u.jsx(R.Radio,{value:ie.IN_FRONT_OF_TEXT,children:t.t("image-text-wrap.inFrontText")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrapText")})})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn),children:u.jsxs(R.RadioGroup,{disabled:m,value:O,onChange:j,direction:"horizontal",children:[u.jsx(R.Radio,{value:i.WrapTextType.BOTH_SIDES,children:t.t("image-text-wrap.bothSide")}),u.jsx(R.Radio,{value:i.WrapTextType.LEFT,children:t.t("image-text-wrap.leftOnly")}),u.jsx(R.Radio,{value:i.WrapTextType.RIGHT,children:t.t("image-text-wrap.rightOnly")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.distanceFromText")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.top")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:p,precision:1,value:M.distT,onChange:D=>{q(D,"distT")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.left")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:w,precision:1,value:M.distL,onChange:D=>{q(D,"distL")},className:v.imageCommonPanelInput})})})]})})]}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.bottom")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:p,precision:1,value:M.distB,onChange:D=>{q(D,"distB")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.right")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:w,precision:1,value:M.distR,onChange:D=>{q(D,"distR")},className:v.imageCommonPanelInput})})})]})})]})]})},Vn=()=>{const a=W.useDependency(z.IDrawingManagerService),n=a.getFocusDrawings(),[t,e]=Y.useState(n);return Y.useEffect(()=>{const r=a.focus$.subscribe(o=>{e(o)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&u.jsxs("div",{className:v.imageCommonPanel,children:[u.jsx(Ie.DrawingCommonPanel,{drawings:t,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),u.jsx(Wn,{drawings:t}),u.jsx(Hn,{drawings:t})]})},wn="addition-and-subtraction-single",Ze="doc.menu.image",_n=Ke.id,Gn=a=>{const n=a.get(H.DocSelectionManagerService),t=a.get(i.IUniverInstanceService);return new ee.Observable(e=>{const r=n.textSelection$.subscribe(()=>{var s;const o=n.getActiveTextRange();if(o){const{segmentId:c,startOffset:d,endOffset:l}=o,g=t.getCurrentUniverDocInstance(),h=(s=g==null?void 0:g.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:s.tables;if(h&&h.length&&h.some(m=>{const{startIndex:f,endIndex:p}=m;return d>=f&&d<p||l>=f&&l<p})){e.next(!0);return}}else{e.next(!0);return}e.next(!1)});return()=>r.unsubscribe()})};function Xn(a){return{id:Ze,type:W.MenuItemType.SUBITEMS,icon:wn,tooltip:"docImage.title",disabled$:Gn(a),hidden$:W.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function $n(a){return{id:_n,title:"docImage.upload.float",type:W.MenuItemType.BUTTON,hidden$:W.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const zn={[W.RibbonStartGroup.LAYOUT]:{[Ze]:{order:0,menuItemFactory:Xn,[_n]:{order:0,menuItemFactory:$n}}}};function Pe(a){return a.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&a.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const qn={id:Te.id,description:"shortcut.doc.drawing-move-down",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_DOWN,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.DOWN}},Kn={id:Te.id,description:"shortcut.doc.drawing-move-up",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_UP,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.UP}},Yn={id:Te.id,description:"shortcut.doc.drawing-move-left",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_LEFT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.LEFT}},Jn={id:Te.id,description:"shortcut.doc.drawing-move-right",group:"4_doc-drawing-view",binding:W.KeyCode.ARROW_RIGHT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.RIGHT}},Zn={id:Xe.id,description:"shortcut.doc.drawing-delete",group:"4_doc-drawing-view",preconditions:Pe,binding:W.KeyCode.DELETE,mac:W.KeyCode.BACKSPACE};var Qn=Object.getOwnPropertyDescriptor,et=(a,n,t,e)=>{for(var r=e>1?void 0:e?Qn(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},We=(a,n)=>(t,e)=>n(t,e,a);let Ve=class extends i.Disposable{constructor(a,n,t,e){super(),this._componentManager=a,this._menuManagerService=n,this._commandService=t,this._shortcutService=e,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(wn,fn)),this.disposeWithMe(a.register(vn,Vn))}_initMenus(){this._menuManagerService.mergeMenu(zn)}_initCommands(){[Ke,Be,sn,cn,ln,Me,dn,gn,Ue,Ye,pn,Je,$e,qe,Te,Xe,ze].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_initShortcuts(){[qn,Kn,Yn,Jn,Zn].forEach(a=>{this.disposeWithMe(this._shortcutService.registerShortcut(a))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Ve=et([We(0,i.Inject(W.ComponentManager)),We(1,W.IMenuManagerService),We(2,i.ICommandService),We(3,W.IShortcutService)],Ve);var nt=Object.getOwnPropertyDescriptor,tt=(a,n,t,e)=>{for(var r=e>1?void 0:e?nt(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},ye=(a,n)=>(t,e)=>n(t,e,a);function Qe(a,n){const{top:t,left:e,width:r,height:o,angle:s,opacity:c}=a,d=n.scene,l=d.getViewport(G.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:g,viewportScrollY:h}=l,{scaleX:m,scaleY:f}=d.getAncestorScale();return{startX:(e-g)*m,startY:(t-h)*f,endX:(e+r-g)*m,endY:(t+o-h)*f,width:r*m,height:o*f,rotate:s,absolute:{left:!1,top:!1},opacity:c!=null?c:1}}N.DocFloatDomController=class extends i.Disposable{constructor(t,e,r,o,s,c){super();me(this,"_domLayerInfoMap",new Map);this._renderManagerService=t,this._drawingManagerService=e,this._drawingRenderService=r,this._canvasFloatDomService=o,this._univerInstanceService=s,this._commandService=c,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const e=this._renderManagerService.getRenderById(t);if(e==null)return null;const r=e.scene,o=r.getTransformerByCreate();return{scene:r,transformer:o,renderUnit:e,canvas:e.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertRects(t)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(t=>{t.forEach(e=>{this._removeDom(e.drawingId)})}))}_insertRects(t){t.forEach(async e=>{const{unitId:r}=e;if(!this._univerInstanceService.getUnit(r,i.UniverInstanceType.UNIVER_DOC))return;const s=this._getSceneAndTransformerByDrawingSearch(r);if(s==null)return;const c=this._drawingManagerService.getDrawingByParam(e);if(c==null)return;const d=await this._drawingRenderService.renderFloatDom(c,s.scene);if(!(d==null||d.length===0))for(const l of d){this._addHoverForRect(l);const g=new i.DisposableCollection,h=Qe(l,s.renderUnit),m=new ee.BehaviorSubject(h),f=s.canvas,p=c.data,S={dispose:g,rect:l,position$:m,unitId:r};this._canvasFloatDomService.addFloatDom({position$:m,id:c.drawingId,componentKey:c.componentKey,onPointerDown:I=>{f.dispatchEvent(new PointerEvent(I.type,I))},onPointerMove:I=>{f.dispatchEvent(new PointerEvent(I.type,I))},onPointerUp:I=>{f.dispatchEvent(new PointerEvent(I.type,I))},onWheel:I=>{f.dispatchEvent(new WheelEvent(I.type,I))},data:p,unitId:r});const w=l.onTransformChange$.subscribeEvent(()=>{const I=Qe(l,s.renderUnit);m.next(I)});g.add(()=>{this._canvasFloatDomService.removeFloatDom(c.drawingId)}),w&&g.add(w),this._domLayerInfoMap.set(c.drawingId,S)}})}_addHoverForRect(t){this.disposeWithMe(i.toDisposable(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=B.CURSOR_TYPE.GRAB}))),this.disposeWithMe(i.toDisposable(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=B.CURSOR_TYPE.DEFAULT})))}_removeDom(t){const e=this._domLayerInfoMap.get(t);if(!e)return;const{unitId:r}=e;this._domLayerInfoMap.delete(t),e.dispose.dispose();const o=this._getSceneAndTransformerByDrawingSearch(r);o&&o.scene.removeObject(e.rect)}_initScrollAndZoomEvent(){const t=e=>{const r=this._getSceneAndTransformerByDrawingSearch(e);r&&this._domLayerInfoMap.forEach(o=>{if(o.unitId!==e)return;const s=Qe(o.rect,r.renderUnit);o.position$.next(s)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.map(e=>{if(!e)return null;const r=e.getUnitId(),o=this._renderManagerService.getRenderById(r);return o?{render:o,unitId:r}:null}),ee.switchMap(e=>e?i.fromEventSubject(e.render.scene.getViewport(G.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(ee.map(()=>({unitId:e.unitId}))):ee.of(null))).subscribe(e=>{if(!e)return;const{unitId:r}=e;t(r)})),this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id===G.SetDocZoomRatioOperation.id){const r=e.params,{unitId:o}=r;t(o)}}))}insertFloatDom(t,e){var w,I,T;const r=this._univerInstanceService.getCurrentUnitOfType(i.UniverInstanceType.UNIVER_DOC);if(!r)return!1;const o=this._getSceneAndTransformerByDrawingSearch(r.getUnitId());if(!o)return!1;const d=(w=o.renderUnit.with(H.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:w.pages[0];if(!d)return!1;const{pageWidth:l,marginLeft:g,marginRight:h}=d,m=l-g-h,f={size:{width:(I=e.width)!=null?I:m,height:e.height},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},p=(T=e.drawingId)!=null?T:i.generateRandomId(),S={unitId:r.getUnitId(),drawings:[{drawingId:p,drawingType:i.DrawingTypeEnum.DRAWING_DOM,subUnitId:r.getUnitId(),unitId:r.getUnitId(),...t,title:"",description:"",docTransform:f,layoutType:i.PositionedObjectLayoutType.INLINE,transform:G.docDrawingPositionToTransform(f)}]};return this._commandService.syncExecuteCommand(Be.id,S),p}},N.DocFloatDomController=tt([ye(0,B.IRenderManagerService),ye(1,z.IDrawingManagerService),ye(2,i.Inject(Ie.DrawingRenderService)),ye(3,i.Inject(W.CanvasFloatDomService)),ye(4,i.IUniverInstanceService),ye(5,i.ICommandService)],N.DocFloatDomController);var it=Object.getOwnPropertyDescriptor,rt=(a,n,t,e)=>{for(var r=e>1?void 0:e?it(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},Ne=(a,n)=>(t,e)=>n(t,e,a);let Ge=class extends i.RxDisposable{constructor(n,t,e,r,o){super();me(this,"_initImagePopupMenu",new Set);this._drawingManagerService=n,this._canvasPopManagerService=t,this._renderManagerService=e,this._univerInstanceService=r,this._contextService=o,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(n=>this._create(n)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(n=>this._dispose(n)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(n=>this._create(n))}_dispose(n){const t=n.getUnitId();this._renderManagerService.removeRender(t)}_create(n){if(!n)return;const t=n.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(n){const t=n.getAllObjects();for(const e of t)if(e instanceof Ie.ImageCropperObject)return!0;return!1}_popupMenuListener(n){var o;const t=(o=this._renderManagerService.getRenderById(n))==null?void 0:o.scene;if(!t)return;const e=t.getTransformerByCreate();if(!e)return;const r=[];this.disposeWithMe(i.toDisposable(e.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const s=e.getSelectedObjectMap();if(r.forEach(I=>I.dispose()),r.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const d=c.oKey,l=this._drawingManagerService.getDrawingOKey(d);if(!l||l.drawingType===i.DrawingTypeEnum.DRAWING_DOM)return;const{unitId:g,subUnitId:h,drawingId:m,drawingType:f}=l,p=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:Ie.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,h,m,f)}},g);r.push(this.disposeWithMe(p)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===g&&I.subUnitId===h&&I.drawingId===m)&&this._drawingManagerService.focusDrawing([{unitId:g,subUnitId:h,drawingId:m}])}))),this.disposeWithMe(i.toDisposable(e.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(e.changing$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(e.changeStart$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0})))}_getImageMenuItems(n,t,e,r){return[{label:"image-popup.edit",index:0,commandId:Je.id,commandParams:{unitId:n,subUnitId:t,drawingId:e},disable:!0},{label:"image-popup.delete",index:1,commandId:Ue.id,commandParams:{unitId:n,drawings:[{unitId:n,subUnitId:t,drawingId:e}]},disable:!1},{label:"image-popup.crop",index:2,commandId:Ie.OpenImageCropOperation.id,commandParams:{unitId:n,subUnitId:t,drawingId:e},disable:!0},{label:"image-popup.reset",index:3,commandId:Ie.ImageResetSizeOperation.id,commandParams:[{unitId:n,subUnitId:t,drawingId:e}],disable:!0}]}};Ge=rt([Ne(0,z.IDrawingManagerService),Ne(1,i.Inject(G.DocCanvasPopManagerService)),Ne(2,B.IRenderManagerService),Ne(3,i.IUniverInstanceService),Ne(4,i.IContextService)],Ge);var at=Object.getOwnPropertyDescriptor,ot=(a,n,t,e)=>{for(var r=e>1?void 0:e?at(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},Se=(a,n)=>(t,e)=>n(t,e,a);let en=class extends i.Disposable{constructor(n,t,e,r,o,s,c,d){super();me(this,"_liquid",new B.Liquid);this._context=n,this._docSkeletonManagerService=t,this._commandService=e,this._editorService=r,this._drawingManagerService=o,this._docRefreshDrawingsService=s,this._univerInstanceService=c,this._lifecycleService=d,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(n=>{n!=null&&this._refreshDrawing(n)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(n=>{n!=null&&this._refreshDrawing(n)})}_commandExecutedListener(){const n=[H.RichTextEditingMutation.id,G.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(n.includes(t.id)){const e=t.params,{unitId:r}=e,{unitId:o,mainComponent:s}=this._context;if(r!==o)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(o)&&o!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){s==null||s.makeDirty();return}this._refreshDrawing(c)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(ee.filter(n=>n.type===B.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),ee.debounceTime(16)).subscribe(()=>{var e;const n=this._docSkeletonManagerService.getSkeleton(),{scene:t}=this._context;(e=t.getTransformer())==null||e.refreshControls(),this._refreshDrawing(n)}))}_refreshDrawing(n){var T,y;const t=n==null?void 0:n.getSkeletonData(),{mainComponent:e,unitId:r}=this._context,o=e;if(!t)return;const{left:s,top:c,pageLayoutType:d,pageMarginLeft:l,pageMarginTop:g}=o,{pages:h,skeHeaders:m,skeFooters:f}=t,p={};this._liquid.reset();for(let O=0,E=h.length;O<E;O++){const M=h[O],{headerId:L,footerId:V,pageWidth:x}=M;if(L){const _=(T=m.get(L))==null?void 0:T.get(x);_&&this._calculateDrawingPosition(r,_,s,c,p,_.marginTop,M.marginLeft)}if(V){const _=(y=f.get(V))==null?void 0:y.get(x);_&&this._calculateDrawingPosition(r,_,s,c,p,M.pageHeight-M.marginBottom+_.marginTop,M.marginLeft)}this._calculateDrawingPosition(r,M,s,c,p,M.marginTop,M.marginLeft),this._liquid.translatePage(M,d,l,g)}const S=Object.values(p),w=S.filter(O=>!O.isMultiTransform),I=S.filter(O=>O.isMultiTransform);w.length>0&&this._drawingManagerService.refreshTransform(w),this._handleMultiDrawingsTransform(I)}_handleMultiDrawingsTransform(n){const{scene:t,unitId:e}=this._context,r=t.getTransformerByCreate();n.forEach(d=>{const l=this._drawingManagerService.getDrawingByParam(d);l!=null&&(l.transform=d.transform,l.transforms=d.transforms,l.isMultiTransform=d.isMultiTransform)});const s=[...r.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(e,e)).filter(d=>d.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),n.length>0&&this._drawingManagerService.addNotification(n);for(const d of s){const l=t.getObject(d);l&&r.setSelectedControl(l)}}_calculateDrawingPosition(n,t,e,r,o,s,c){const{skeDrawings:d}=t;this._liquid.translatePagePadding({marginTop:s,marginLeft:c}),d.forEach(l=>{const{aLeft:g,aTop:h,height:m,width:f,angle:p,drawingId:S,drawingOrigin:w}=l,I=w.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&w.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:T=i.BooleanNumber.FALSE}=w,y={left:g+e+this._liquid.x,top:h+r+this._liquid.y,width:f,height:m,angle:p};o[S]==null?o[S]={unitId:n,subUnitId:n,drawingId:S,behindText:I,transform:y,transforms:[y],isMultiTransform:T}:T===i.BooleanNumber.TRUE&&o[S].transforms.push(y)}),this._liquid.restorePagePadding({marginTop:s,marginLeft:c})}_drawingInitializeListener(){const n=()=>{const t=this._docSkeletonManagerService.getSkeleton();t!=null&&(this._refreshDrawing(t),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=i.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?n():setTimeout(n,500):this._lifecycleService.lifecycle$.pipe(ee.filter(t=>t===i.LifecycleStages.Rendered)).subscribe(n)}};en=ot([Se(1,i.Inject(H.DocSkeletonManagerService)),Se(2,i.ICommandService),Se(3,G.IEditorService),Se(4,z.IDrawingManagerService),Se(5,i.Inject(xe)),Se(6,i.IUniverInstanceService),Se(7,i.Inject(i.LifecycleService))],en);var st=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(a,n,t)=>n in a?st(a,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[n]=t,dt=(a,n,t,e)=>{for(var r=e>1?void 0:e?ct(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},nn=(a,n)=>(t,e)=>n(t,e,a),Dn=(a,n,t)=>lt(a,typeof n!="symbol"?n+"":n,t);const gt="DOC_DRAWING_UI_PLUGIN";N.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(n=an,t,e,r){super(),this._config=n,this._injector=t,this._renderManagerSrv=e,this._configService=r;const{...o}=i.merge({},an,this._config);this._configService.setConfig(yn,o)}onStarting(){[[Ve],[Ge],[Fe],[Re],[xe],[N.DocFloatDomController]].forEach(t=>this._injector.add(t))}onReady(){[[je],[en]].forEach(n=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,n)),this._injector.get(Re),this._injector.get(Ve),this._injector.get(Fe)}onRendered(){this._injector.get(Ge),this._injector.get(N.DocFloatDomController)}},Dn(N.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),Dn(N.UniverDocsDrawingUIPlugin,"pluginName",gt),N.UniverDocsDrawingUIPlugin=dt([i.DependentOn(Ie.UniverDrawingUIPlugin,z.UniverDrawingPlugin,Q.UniverDocsDrawingPlugin,W.UniverUIPlugin),nn(1,i.Inject(i.Injector)),nn(2,B.IRenderManagerService),nn(3,i.IConfigService)],N.UniverDocsDrawingUIPlugin),N.ClearDocDrawingTransformerOperation=pn,N.DOCS_IMAGE_MENU_ID=Ze,N.DeleteDocDrawingsCommand=Xe,N.EditDocDrawingOperation=Je,N.GroupDocDrawingCommand=$e,N.InsertDocDrawingCommand=Be,N.InsertDocImageCommand=Ke,N.MoveDocDrawingsCommand=Te,N.RemoveDocDrawingCommand=Ue,N.SetDocDrawingArrangeCommand=ze,N.SidebarDocDrawingOperation=Ye,N.UngroupDocDrawingCommand=qe,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
1
+ (function(N,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):(N=typeof globalThis<"u"?globalThis:N||self,i(N.UniverDocsDrawingUi={},N.UniverCore,N.UniverDocsDrawing,N.UniverDrawing,N.UniverDrawingUi,N.UniverEngineRender,N.UniverUi,N.UniverDocs,N.UniverDocsUi,N.rxjs,N.UniverDesign,N.React,N.React))})(this,function(N,i,Q,z,Ie,B,W,H,G,ee,R,u,Y){"use strict";var ft=Object.defineProperty;var pt=(N,i,Q)=>i in N?ft(N,i,{enumerable:!0,configurable:!0,writable:!0,value:Q}):N[i]=Q;var me=(N,i,Q)=>pt(N,typeof i!="symbol"?i+"":i,Q);const yn="docs-drawing-ui.config",an={};var On=Object.getOwnPropertyDescriptor,bn=(a,n,t,e)=>{for(var r=e>1?void 0:e?On(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},be=(a,n)=>(t,e)=>n(t,e,a);function Mn(a){var e,r,o,s;if(i.JSONX.isNoop(a)||!Array.isArray(a))return null;const n=a.find(c=>Array.isArray(c)&&(c==null?void 0:c[0])==="drawings");if(n==null||!Array.isArray(n)||n.length<3||typeof n[1]=="string"&&typeof n[2]!="object"||Array.isArray(n[1])&&typeof n[1][1]!="object")return null;const t=[];if(Array.isArray(n==null?void 0:n[1]))for(const c of n)Array.isArray(c)&&t.push({type:(e=c==null?void 0:c[1])!=null&&e.i?"add":"remove",drawingId:c==null?void 0:c[0],drawing:(r=c==null?void 0:c[1])==null?void 0:r.i});else t.push({type:(o=n[2])!=null&&o.i?"add":"remove",drawingId:n[1],drawing:(s=n[2])==null?void 0:s.i});return t}function Pn(a){if(!Array.isArray(a)||a.length<3||a[0]!=="drawingsOrder")return[];const n=[];for(let t=1;t<a.length;t++){const e=a[t];if(Array.isArray(e)&&typeof e[0]=="number"&&typeof e[1]=="object")n.push(e[0]);else{n.length=0;break}}return n}let Re=class extends i.Disposable{constructor(a,n,t,e,r){super(),this._univerInstanceService=a,this._commandService=n,this._drawingManagerService=t,this._docDrawingService=e,this._renderManagerService=r,this._initialize()}_initialize(){this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(a=>{if(a.id!==H.RichTextEditingMutation.id)return;const n=a.params,{unitId:t,actions:e}=n,r=Mn(e);if(r!=null)for(const{type:o,drawingId:s,drawing:c}of r)o==="add"?this._addDrawings(t,[c]):this._removeDrawings(t,[s])})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{if(a.id!==H.RichTextEditingMutation.id)return;const n=a.params,{unitId:t,actions:e}=n;Pn(e).length>0&&this._updateDrawingsOrder(t)})),this.disposeWithMe(this._commandService.onCommandExecuted(a=>{var s;if(a.id!==i.UndoCommand.id&&a.id!==i.RedoCommand.id)return;const n=(s=this._univerInstanceService.getCurrentUniverDocInstance())==null?void 0:s.getUnitId(),t=this._drawingManagerService.getFocusDrawings();if(n==null||t.length===0)return;const e=this._renderManagerService.getRenderById(n),r=e==null?void 0:e.scene;if(r==null)return!1;r.getTransformerByCreate().refreshControls()}))}_addDrawings(a,n){const t=this._drawingManagerService,e=this._docDrawingService,r=this._docDrawingService.getBatchAddOp(n),{subUnitId:o,redo:s,objects:c}=r;t.applyJson1(a,o,s),e.applyJson1(a,o,s),t.addNotification(c),e.addNotification(c)}_removeDrawings(a,n){const t=this._drawingManagerService,e=this._docDrawingService,r=this._docDrawingService.getBatchRemoveOp(n.map(d=>({unitId:a,subUnitId:a,drawingId:d}))),{subUnitId:o,redo:s,objects:c}=r;t.applyJson1(a,o,s),e.applyJson1(a,o,s),t.removeNotification(c),e.removeNotification(c)}_updateDrawingsOrder(a){const n=this._univerInstanceService.getUniverDocInstance(a);if(n==null)return;const t=n.getSnapshot().drawingsOrder;if(t==null)return;const e=this._drawingManagerService,r=this._docDrawingService;e.setDrawingOrder(a,a,t),r.setDrawingOrder(a,a,t);const o={unitId:a,subUnitId:a,drawingIds:t};e.orderNotification(o),r.orderNotification(o)}};Re=bn([be(0,i.IUniverInstanceService),be(1,i.ICommandService),be(2,z.IDrawingManagerService),be(3,Q.IDocDrawingService),be(4,B.IRenderManagerService)],Re);class xe{constructor(){me(this,"_refreshDrawings$",new ee.BehaviorSubject(null));me(this,"refreshDrawings$",this._refreshDrawings$.asObservable())}refreshDrawings(n){this._refreshDrawings$.next(n)}}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 Nn={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 on(a,n,t,e,r,o,s){var f,p;const c=new i.TextX,d=i.JSONX.getInstance(),l=[],g=o.getSelfOrHeaderFooterModel(n).getBody(),h=o.getSelfOrHeaderFooterModel(a).getBody();if(g==null||h==null)return;const m=(p=(f=g.customBlocks)==null?void 0:f.find(S=>S.blockId===r))==null?void 0:p.startIndex;if(m!=null){if(e=Math.min(h.dataStream.length-2,e),a===n){if(e<m?(e>0&&c.push({t:i.TextXActionType.RETAIN,len:e}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),c.push({t:i.TextXActionType.RETAIN,len:m-e}),c.push({t:i.TextXActionType.DELETE,len:1})):(m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1}),e-m-1>0&&c.push({t:i.TextXActionType.RETAIN,len:e-m-1}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1})),e!==m){const S=G.getRichTextEditPath(o,n),w=d.editOp(c.serialize(),S);l.push(w)}}else{m>0&&c.push({t:i.TextXActionType.RETAIN,len:m}),c.push({t:i.TextXActionType.DELETE,len:1});let S=G.getRichTextEditPath(o,n),w=d.editOp(c.serialize(),S);l.push(w),c.empty(),e>0&&c.push({t:i.TextXActionType.RETAIN,len:e}),c.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b",customBlocks:[{startIndex:0,blockId:r}]},len:1}),S=G.getRichTextEditPath(o,a),w=d.editOp(c.serialize(),S),l.push(w),s.setSegment(a),s.setSegmentPage(t)}return l}}const sn={id:"doc.command.update-doc-drawing-wrapping-style",type:i.CommandType.COMMAND,handler:(a,n)=>{var L,V;if(n==null)return!1;const{drawings:t,wrappingStyle:e,unitId:r}=n,o=a.get(i.ICommandService),s=a.get(i.IUniverInstanceService),d=a.get(B.IRenderManagerService).getRenderById(r),l=d==null?void 0:d.with(H.DocSkeletonManagerService).getSkeleton().getSkeletonData(),g=d==null?void 0:d.with(H.DocSkeletonManagerService).getViewModel(),h=d==null?void 0:d.scene,m=s.getCurrentUniverDocInstance();if(m==null||l==null||h==null||g==null)return!1;const f=g.getEditArea(),p=h.getTransformerByCreate(),{pages:S,skeHeaders:w,skeFooters:I}=l,T=i.JSONX.getInstance(),y=[],{drawings:O={}}=m.getSnapshot();for(const x of t){const{drawingId:_}=x,j=O[_].layoutType,q=Nn[e];if(j!==q){const C=T.replaceOp(["drawings",_,"layoutType"],j,q);y.push(C)}if(e==="behindText"||e==="inFrontOfText"){const C=O[_].behindDoc,A=e==="behindText"?i.BooleanNumber.TRUE:i.BooleanNumber.FALSE;if(C!==A){const b=T.replaceOp(["drawings",_,"behindDoc"],C,A);y.push(b)}}if(e==="inline")continue;let U=null,K=0,D=0;for(const C of S){const{headerId:A,footerId:b,marginTop:k,marginLeft:X,marginBottom:P,pageWidth:F,pageHeight:J}=C;switch(f){case B.DocumentEditArea.HEADER:{const $=(L=w.get(A))==null?void 0:L.get(F);$!=null&&$.skeDrawings.has(_)&&(U=$.skeDrawings.get(_),K=$.marginTop,D=X);break}case B.DocumentEditArea.FOOTER:{const $=(V=I.get(b))==null?void 0:V.get(F);$!=null&&$.skeDrawings.has(_)&&(U=$.skeDrawings.get(_),K=J-P+$.marginTop,D=X);break}case B.DocumentEditArea.BODY:{C.skeDrawings.has(_)&&(U=C.skeDrawings.get(_),K=k,D=X);break}}if(U!=null)break}if(U!=null){const{aTop:C,aLeft:A}=U,b=O[_].docTransform.positionH;let k=A;b.relativeFrom===i.ObjectRelativeFromH.MARGIN?k-=D:b.relativeFrom===i.ObjectRelativeFromH.COLUMN&&(k-=U.columnLeft);const X={relativeFrom:b.relativeFrom,posOffset:k};if(b.posOffset!==X.posOffset){const $=T.replaceOp(["drawings",_,"docTransform","positionH"],b,X);y.push($)}const P=O[_].docTransform.positionV;let F=C;P.relativeFrom===i.ObjectRelativeFromV.PAGE?F+=K:P.relativeFrom===i.ObjectRelativeFromV.LINE?F-=U.lineTop:P.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH&&(F-=U.blockAnchorTop);const J={relativeFrom:P.relativeFrom,posOffset:F};if(P.posOffset!==J.posOffset){const $=T.replaceOp(["drawings",_,"docTransform","positionV"],P,J);y.push($)}}}const E={id:H.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};E.params.actions=y.reduce((x,_)=>i.JSONX.compose(x,_),null);const M=o.syncExecuteCommand(E.id,E.params);return p.refreshControls(),!!M}},cn={id:"doc.command.update-doc-drawing-distance",type:i.CommandType.COMMAND,handler:(a,n)=>{if(n==null)return!1;const t=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,dist:s,unitId:c}=n,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=r.getSnapshot();for(const f of o){const{drawingId:p}=f;for(const[S,w]of Object.entries(s)){const I=g[p][S];if(I!==w){const T=d.replaceOp(["drawings",p,S],I,w);l.push(T)}}}const h={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=l.reduce((f,p)=>i.JSONX.compose(f,p),null),!!t.syncExecuteCommand(h.id,h.params)}},ln={id:"doc.command.update-doc-drawing-wrap-text",type:i.CommandType.COMMAND,handler:(a,n)=>{if(n==null)return!1;const t=a.get(i.ICommandService),r=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(r==null)return!1;const{drawings:o,wrapText:s,unitId:c}=n,d=i.JSONX.getInstance(),l=[],{drawings:g={}}=r.getSnapshot();for(const f of o){const{drawingId:p}=f,S=g[p].wrapText;if(S!==s){const w=d.replaceOp(["drawings",p,"wrapText"],S,s);l.push(w)}}const h={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:null}};return h.params.actions=l.reduce((f,p)=>i.JSONX.compose(f,p),null),!!t.syncExecuteCommand(h.id,h.params)}},Me={id:"doc.command.update-drawing-doc-transform",type:i.CommandType.COMMAND,handler:(a,n)=>{if(n==null)return!1;const t=a.get(i.ICommandService),e=a.get(i.IUniverInstanceService),o=a.get(B.IRenderManagerService).getRenderById(n.unitId),s=o==null?void 0:o.scene;if(s==null)return!1;const c=s.getTransformerByCreate(),d=e.getCurrentUniverDocInstance();if(d==null)return!1;const{drawings:l,unitId:g}=n,h=i.JSONX.getInstance(),m=[],{drawings:f={}}=d.getSnapshot();for(const w of l){const{drawingId:I,key:T,value:y}=w,O=f[I].docTransform[T];if(!i.Tools.diffValue(O,y)){const E=h.replaceOp(["drawings",I,"docTransform",T],O,y);m.push(E)}}const p={id:H.RichTextEditingMutation.id,params:{unitId:g,actions:[],textRanges:null,debounce:!0}};p.params.actions=m.reduce((w,I)=>i.JSONX.compose(w,I),null);const S=t.syncExecuteCommand(p.id,p.params);return c.refreshControls(),!!S}},dn={id:"doc.command.move-inline-drawing",type:i.CommandType.COMMAND,handler:(a,n)=>{var V,x;if(n==null)return!1;const t=a.get(B.IRenderManagerService),e=(V=t.getRenderById(n.unitId))==null?void 0:V.with(G.DocSelectionRenderService),r=a.get(xe),o=t.getRenderById(n.unitId),s=o==null?void 0:o.scene,c=o==null?void 0:o.with(H.DocSkeletonManagerService).getSkeleton();if(s==null||e==null)return!1;const d=s.getTransformerByCreate(),l=a.get(i.ICommandService),h=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(h==null)return!1;const{drawing:m,unitId:f,offset:p,segmentId:S,segmentPage:w,needRefreshDrawings:I}=n;if(I)return r.refreshDrawings(c),d.refreshControls(),!0;const T=[],{drawingId:y}=m,O=(x=e.getSegment())!=null?x:"",E=on(S,O,w,p,y,h,e);if(E==null||E.length===0)return r.refreshDrawings(c),d.refreshControls(),!1;T.push(...E);const M={id:H.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:null}};M.params.actions=T.reduce((_,j)=>i.JSONX.compose(_,j),null);const L=l.syncExecuteCommand(M.id,M.params);return d.refreshControls(),!!L}},gn={id:"doc.command.transform-non-inline-drawing",type:i.CommandType.COMMAND,handler:(a,n)=>{var U,K;if(n==null)return!1;const t=a.get(B.IRenderManagerService),e=(U=t.getRenderById(n.unitId))==null?void 0:U.with(G.DocSelectionRenderService),r=t.getRenderById(n.unitId),o=r==null?void 0:r.scene;if(o==null||e==null)return!1;const s=o.getTransformerByCreate(),c=a.get(i.ICommandService),l=a.get(i.IUniverInstanceService).getCurrentUniverDocInstance();if(l==null)return!1;const{drawing:g,unitId:h,offset:m,docTransform:f,segmentId:p,segmentPage:S}=n,w=[],{drawingId:I}=g,T=(K=e.getSegment())!=null?K:"",y=on(p,T,S,m,I,l,e);if(y==null)return!1;y.length>0&&w.push(...y);const O=i.JSONX.getInstance(),{drawings:E={}}=l.getSnapshot(),M=E[I].docTransform,{positionH:L,positionV:V,size:x,angle:_}=M;if(!i.Tools.diffValue(L,f.positionH)){const D=O.replaceOp(["drawings",I,"docTransform","positionH"],L,f.positionH);w.push(D)}if(!i.Tools.diffValue(V,f.positionV)){const D=O.replaceOp(["drawings",I,"docTransform","positionV"],V,f.positionV);w.push(D)}if(!i.Tools.diffValue(x,f.size)){const D=O.replaceOp(["drawings",I,"docTransform","size"],x,f.size);w.push(D)}if(!i.Tools.diffValue(_,f.angle)){const D=O.replaceOp(["drawings",I,"docTransform","angle"],_,f.angle);w.push(D)}const j={id:H.RichTextEditingMutation.id,params:{unitId:h,actions:[],textRanges:null,debounce:!0}};j.params.actions=w.reduce((D,C)=>i.JSONX.compose(D,C),null);const q=c.syncExecuteCommand(j.id,j.params);return s.refreshControls(),!!q}};var En=Object.getOwnPropertyDescriptor,An=(a,n,t,e)=>{for(var r=e>1?void 0:e?En(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},Le=(a,n)=>(t,e)=>n(t,e,a);const Rn="__InlineDrawingAnchor__";function mn(a){const{path:n}=a;return n.some(t=>t==="cells")}let Fe=class extends i.Disposable{constructor(n,t,e,r){super();me(this,"_liquid",new B.Liquid);me(this,"_listenerOnImageMap",new Set);me(this,"_transformerCache",new Map);me(this,"_anchorShape");this._commandService=n,this._univerInstanceService=t,this._drawingManagerService=e,this._renderManagerService=r,this._init()}_init(){this._listenDrawingFocus()}_listenDrawingFocus(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(n=>{if(n.length!==0)for(const t of n){const{unitId:e}=t;this._listenerOnImageMap.has(e)||(this._listenTransformerChange(e),this._listenerOnImageMap.add(e))}}))}_listenTransformerChange(n){var r;const t=(r=this._getSceneAndTransformerByDrawingSearch(n))==null?void 0:r.transformer;if(t==null)return;this.disposeWithMe(i.toDisposable(t.changeStart$.subscribe(o=>{var c;this._transformerCache.clear();const{objects:s}=o;for(const d of s.values()){const{oKey:l,width:g,height:h,left:m,top:f,angle:p}=d,S=this._drawingManagerService.getDrawingOKey(l);if(S==null)continue;const w=this._univerInstanceService.getUniverDocInstance(S.unitId),I=(c=w==null?void 0:w.getSnapshot().drawings)==null?void 0:c[S.drawingId];if((I==null?void 0:I.layoutType)===i.PositionedObjectLayoutType.INLINE)try{d.setOpacity(.2)}catch{}I!=null&&this._transformerCache.set(S.drawingId,{drawing:I,top:f,left:m,width:g,height:h,angle:p})}})));const e=i.throttle(this._updateMultipleDrawingDocTransform.bind(this),50);i.throttle(this._nonInlineDrawingTransform.bind(this),50),this.disposeWithMe(i.toDisposable(t.changing$.subscribe(o=>{const{objects:s,offsetX:c,offsetY:d}=o;if(s.size>1)e(s);else if(s.size===1){const l=this._transformerCache.values().next().value,g=s.values().next().value,{width:h,height:m,top:f,left:p,angle:S}=g;if(l&&h===l.width&&m===l.height&&f===l.top&&p===l.left&&S===l.angle)return;l&&(l.drawing.layoutType,i.PositionedObjectLayoutType.INLINE),l&&l.drawing.layoutType===i.PositionedObjectLayoutType.INLINE&&c!=null&&d!=null&&this._updateInlineDrawingAnchor(l.drawing,c,d)}}))),this.disposeWithMe(i.toDisposable(t.changeEnd$.subscribe(o=>{const{objects:s,offsetX:c,offsetY:d}=o;for(const l of s.values()){const g=this._drawingManagerService.getDrawingOKey(l.oKey);if(g==null)continue;const h=this._transformerCache.get(g==null?void 0:g.drawingId);if((h==null?void 0:h.drawing.layoutType)===i.PositionedObjectLayoutType.INLINE)try{l.setOpacity(1)}catch{}}if(this._anchorShape&&this._anchorShape.hide(),s.size>1)this._updateMultipleDrawingDocTransform(s);else if(s.size===1){const l=this._transformerCache.values().next().value,g=s.values().next().value,{width:h,height:m,top:f,left:p,angle:S}=g;if(l&&h===l.width&&m===l.height&&f===l.top&&p===l.left&&S===l.angle)return;l&&l.drawing.layoutType===i.PositionedObjectLayoutType.INLINE?h!==l.width||m!==l.height||S!==l.angle?this._updateDrawingSize(l,g):c!=null&&d!=null&&this._moveInlineDrawing(l.drawing,c,d):l&&this._nonInlineDrawingTransform(l.drawing,g)}this._transformerCache.clear()})))}_updateMultipleDrawingDocTransform(n){if(n.size<1)return;const t=[];let e,r;for(const o of n.values()){const{oKey:s,left:c,top:d,angle:l}=o;let{width:g,height:h}=o;const m=this._drawingManagerService.getDrawingOKey(s);if(m==null)continue;e==null&&(e=m.unitId),r==null&&(r=m.subUnitId);const f=this._transformerCache.get(m.drawingId);if(f==null)continue;const{drawing:p,top:S,left:w,width:I,height:T,angle:y}=f,{width:O,height:E}=this._getPageContentSize(p);if(g=Math.min(g,O),h=Math.min(h,E),(I!==g||T!==h)&&t.push({drawingId:m.drawingId,key:"size",value:{width:g,height:h}}),y!==l&&t.push({drawingId:m.drawingId,key:"angle",value:l}),S!==d||w!==c){const M=d-S,L=c-w;M!==0&&t.push({drawingId:m.drawingId,key:"positionV",value:{relativeFrom:p.docTransform.positionV.relativeFrom,posOffset:p.docTransform.positionV.posOffset+M}}),L!==0&&t.push({drawingId:m.drawingId,key:"positionH",value:{relativeFrom:p.docTransform.positionH.relativeFrom,posOffset:p.docTransform.positionH.posOffset+L}})}}t.length>0&&e&&r&&this._commandService.executeCommand(Me.id,{unitId:e,subUnitId:r,drawings:t})}_updateDrawingAnchor(n){if(this._transformerCache.size!==1)return;const t=this._transformerCache.values().next().value,e=n.values().next().value;this._getDrawingAnchor(t.drawing,e)}_updateInlineDrawingAnchor(n,t,e){var o;if(this._transformerCache.size!==1)return;const{contentBoxPointGroup:r}=(o=this._getInlineDrawingAnchor(n,t,e))!=null?o:{};r!=null&&this._createOrUpdateInlineAnchor(n.unitId,r)}_getInlineDrawingAnchor(n,t,e){var U,K;const r=this._renderManagerService.getRenderById(n.unitId),o=r==null?void 0:r.with(H.DocSkeletonManagerService).getSkeleton();if(r==null)return;const{mainComponent:s,scene:c}=r,d=s,l=c.getViewports()[0],{pageLayoutType:g=B.PageLayoutType.VERTICAL,pageMarginLeft:h,pageMarginTop:m}=d.getOffsetConfig();let f=null,p=!1,S=-1,w="";const I=.5,T=this._getTransformCoordForDocumentOffset(d,l,t,e);if(T==null)return;const y=(U=this._renderManagerService.getRenderById(n.unitId))==null?void 0:U.with(G.DocSelectionRenderService);if(y==null)return;const O=o==null?void 0:o.findNodeByCoord(T,g,h,m,{strict:!1,segmentId:y.getSegment(),segmentPage:y.getSegmentPage()});if(O){const{node:D,ratioX:C,segmentPage:A,segmentId:b}=O;p=C<I,f=D,S=A,w=b}if(f==null)return;const E=o==null?void 0:o.findPositionByGlyph(f,S),M=this._getDocObject();if(E==null||o==null||M==null||mn(E))return;const L={...E,isBack:p},V=M.document.getOffsetConfig(),x=new G.NodePositionConvertToCursor(V,o),{cursorList:_,contentBoxPointGroup:j}=x.getRangePointData(L,L),{startOffset:q}=(K=G.getOneTextSelectionRange(_))!=null?K:{};if(q!=null)return{offset:q,contentBoxPointGroup:j,segmentId:w,segmentPage:S}}_getDrawingAnchor(n,t){var ue,he,ce,fe,pe,_e,De,ve,le,de,Ce;const e=this._renderManagerService.getRenderById(n.unitId),r=e==null?void 0:e.with(H.DocSkeletonManagerService).getSkeleton(),o=r==null?void 0:r.getSkeletonData();if(o==null||e==null)return;const{pages:s,skeHeaders:c,skeFooters:d}=o,{mainComponent:l,scene:g}=e,h=l,m=g.getViewports()[0],{pageLayoutType:f=B.PageLayoutType.VERTICAL,pageMarginLeft:p,pageMarginTop:S,docsLeft:w,docsTop:I}=h.getOffsetConfig(),{left:T,top:y,angle:O}=t;let{width:E,height:M}=t;const{positionV:L,positionH:V}=n.docTransform,{width:x,height:_}=this._getPageContentSize(n);E=Math.min(E,x),M=Math.min(M,_);let j=null,q="",U=-1;const K=!1,D={...n.docTransform,size:{width:E,height:M},angle:O},{x:C,y:A}=g.getViewportScrollXY(m),b=this._getTransformCoordForDocumentOffset(h,m,T-C,y-A);if(b==null)return;const k=(ue=this._renderManagerService.getRenderById(n.unitId))==null?void 0:ue.with(G.DocSelectionRenderService);if(k==null)return;const X=r==null?void 0:r.findNodeByCoord(b,f,p,S,{strict:!1,segmentId:k.getSegment(),segmentPage:k.getSegmentPage()});if(X){const{node:ge,segmentPage:tn,segmentId:rn}=X;j=ge,U=tn,q=rn}if(j==null)return;const P=(he=j.parent)==null?void 0:he.parent,F=P==null?void 0:P.parent,J=(ce=F==null?void 0:F.lines.find(ge=>ge.paragraphIndex===(P==null?void 0:P.paragraphIndex)&&ge.paragraphStart))!=null?ce:F==null?void 0:F.lines[0],$=(fe=F==null?void 0:F.parent)==null?void 0:fe.parent;if(P==null||F==null||J==null||$==null)return;this._liquid.reset();const Z=$.type;for(const ge of s){const{headerId:tn,footerId:rn,pageHeight:mt,pageWidth:Cn,marginLeft:Tn,marginBottom:ut}=ge,ht=s.indexOf(ge);if(U>-1&&ht===U){switch(Z){case B.DocumentSkeletonPageType.HEADER:{const Ae=(pe=c.get(tn))==null?void 0:pe.get(Cn);if(Ae)this._liquid.translatePagePadding({marginTop:Ae.marginTop,marginLeft:Tn});else throw new Error("header skeleton not found");break}case B.DocumentSkeletonPageType.FOOTER:{const Ae=(_e=d.get(rn))==null?void 0:_e.get(Cn);if(Ae)this._liquid.translatePagePadding({marginTop:mt-ut+Ae.marginTop,marginLeft:Tn});else throw new Error("footer skeleton not found");break}}break}if(this._liquid.translatePagePadding(ge),ge===$)break;this._liquid.restorePagePadding(ge),this._liquid.translatePage(ge,f,p,S)}switch(L.relativeFrom===i.ObjectRelativeFromV.LINE?j=P.divides[0].glyphGroup[0]:j=(de=(le=(ve=(De=J.divides)==null?void 0:De[0])==null?void 0:ve.glyphGroup)==null?void 0:le[0])!=null?de:j,D.positionH={relativeFrom:V.relativeFrom,posOffset:T-this._liquid.x-w},V.relativeFrom){case i.ObjectRelativeFromH.MARGIN:{D.positionH.posOffset=T-this._liquid.x-w-$.marginLeft;break}case i.ObjectRelativeFromH.COLUMN:{D.positionH.posOffset=T-this._liquid.x-w-F.left;break}}switch(D.positionV={relativeFrom:L.relativeFrom,posOffset:y-this._liquid.y-I},L.relativeFrom){case i.ObjectRelativeFromV.PAGE:{D.positionV.posOffset=y-this._liquid.y-I-$.marginTop;break}case i.ObjectRelativeFromV.LINE:{D.positionV.posOffset=y-this._liquid.y-I-P.top;break}case i.ObjectRelativeFromV.PARAGRAPH:{D.positionV.posOffset=y-this._liquid.y-I-J.top;break}}if(j==null)return;const oe=r==null?void 0:r.findPositionByGlyph(j,U),Oe=this._getDocObject();if(oe==null||r==null||Oe==null||mn(oe))return;const we={...oe,isBack:K},Ee=Oe.document.getOffsetConfig(),se=new G.NodePositionConvertToCursor(Ee,r),{cursorList:ne}=se.getRangePointData(we,we),{startOffset:te}=(Ce=G.getOneTextSelectionRange(ne))!=null?Ce:{};if(te!=null)return{offset:te,docTransform:D,segmentId:q,segmentPage:U}}_updateDrawingSize(n,t){const e=[],{drawing:r,width:o,height:s,angle:c}=n,{unitId:d,subUnitId:l}=r;let{width:g,height:h,angle:m}=t;const{width:f,height:p}=this._getPageContentSize(r);g=Math.min(f,g),h=Math.min(p,h),(g!==o||h!==s)&&e.push({drawingId:r.drawingId,key:"size",value:{width:g,height:h}}),m!==c&&e.push({drawingId:r.drawingId,key:"angle",value:m}),e.length>0&&d&&l&&this._commandService.executeCommand(Me.id,{unitId:d,subUnitId:l,drawings:e})}_moveInlineDrawing(n,t,e){const r=this._getInlineDrawingAnchor(n,t,e),{offset:o,segmentId:s,segmentPage:c}=r!=null?r:{};return this._commandService.executeCommand(dn.id,{unitId:n.unitId,subUnitId:n.unitId,drawing:n,offset:o,segmentId:s,segmentPage:c,needRefreshDrawings:o==null})}_limitDrawingInPage(n,t){const e=this._renderManagerService.getRenderById(n.unitId),{left:r,top:o,width:s,height:c,angle:d}=t,l=e==null?void 0:e.with(H.DocSkeletonManagerService).getSkeleton(),g=l==null?void 0:l.getSkeletonData(),{pages:h}=g!=null?g:{};if(g==null||e==null||h==null)return{left:r,top:o,width:s,height:c,angle:d};const{mainComponent:m}=e,f=m,{top:p,pageLayoutType:S,pageMarginLeft:w,pageMarginTop:I}=f;let T=o;this._liquid.reset();for(const y of h){const{marginBottom:O,pageHeight:E}=y,M=h.indexOf(y),L=h[M+1];if(L==null)continue;if(i.Tools.hasIntersectionBetweenTwoRanges(o,o+c,this._liquid.y+p+E-O,this._liquid.y+p+E+I+L.marginTop)){const x=o+c/2,_=this._liquid.y+p+E+I/2;x<_?T=Math.min(o,this._liquid.y+p+E-O-c):T=Math.max(o,this._liquid.y+p+E+I+L.marginTop)}this._liquid.translatePage(y,S,w,I)}return{left:r,top:T,width:s,height:c,angle:d}}_nonInlineDrawingTransform(n,t,e=!1){const r=n.isMultiTransform===i.BooleanNumber.TRUE?t:this._limitDrawingInPage(n,t);if(e&&r.top!==t.top)return;const o=this._getDrawingAnchor(n,r),{offset:s,docTransform:c,segmentId:d,segmentPage:l}=o!=null?o:{};return s==null||c==null?this._updateMultipleDrawingDocTransform(new Map([[n.drawingId,t]])):this._commandService.executeCommand(gn.id,{unitId:n.unitId,subUnitId:n.unitId,drawing:n,offset:s,docTransform:c,segmentId:d,segmentPage:l})}_getSceneAndTransformerByDrawingSearch(n){if(n==null)return;const t=this._renderManagerService.getRenderById(n),e=t==null?void 0:t.scene;if(e==null)return;const r=e.getTransformerByCreate();return{scene:e,transformer:r}}_getTransformCoordForDocumentOffset(n,t,e,r){const{documentTransform:o}=n.getOffsetConfig(),s=t.transformVector2SceneCoord(B.Vector2.FromArray([e,r]));if(s)return o.clone().invert().applyPoint(s)}_createOrUpdateInlineAnchor(n,t){const e=this._renderManagerService.getRenderById(n);if(e==null)return;const{mainComponent:r,scene:o}=e,s=r,{docsLeft:c,docsTop:d}=s.getOffsetConfig(),l=G.getAnchorBounding(t),{left:g,top:h,height:m}=l,f=g+c,p=h+d;if(this._anchorShape){this._anchorShape.transformByState({left:f,top:p,height:m}),this._anchorShape.show();return}const S=6,w=new B.Rect(Rn+i.Tools.generateRandomId(S),{left:f,top:p,height:m,strokeWidth:2,stroke:B.getColor(i.COLORS.darkGray,1),evented:!1});this._anchorShape=w,o.addObject(w,G.TEXT_RANGE_LAYER_INDEX)}_getDocObject(){return G.getDocObject(this._univerInstanceService,this._renderManagerService)}_getPageContentSize(n){const t=this._renderManagerService.getRenderById(n.unitId),e=t==null?void 0:t.with(H.DocSkeletonManagerService).getSkeleton(),r=500,o=500,s=e==null?void 0:e.getSkeletonData();if(s==null||t==null)return{width:r,height:o};const{pages:c}=s;let d=null;for(const l of c){const{skeDrawings:g}=l;if(g.has(n.drawingId)){d=l;break}}if(d){const{pageWidth:l,pageHeight:g,marginLeft:h,marginBottom:m,marginRight:f,marginTop:p}=d;return{width:Math.max(r,l-h-f),height:Math.max(o,g-p-m)}}else return{width:r,height:o}}};Fe=An([Le(0,i.ICommandService),Le(1,i.IUniverInstanceService),Le(2,z.IDrawingManagerService),Le(3,B.IRenderManagerService)],Fe);var re=function(){return re=Object.assign||function(a){for(var n,t=1,e=arguments.length;t<e;t++){n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(a[r]=n[r])}return a},re.apply(this,arguments)},xn=function(a,n){var t={};for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&n.indexOf(e)<0&&(t[e]=a[e]);if(a!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(a);r<e.length;r++)n.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(a,e[r])&&(t[e[r]]=a[e[r]]);return t},un=Y.forwardRef(function(a,n){var t=a.icon,e=a.id,r=a.className,o=a.extend,s=xn(a,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(e," ").concat(r||"").trim(),d=Y.useRef("_".concat(Un()));return hn(t,"".concat(e),{defIds:t.defIds,idSuffix:d.current},re({ref:n,className:c},s),o)});function hn(a,n,t,e,r){return Y.createElement(a.tag,re(re({key:n},Ln(a,t,r)),e),(Fn(a,t).children||[]).map(function(o,s){return hn(o,"".concat(n,"-").concat(a.tag,"-").concat(s),t,void 0,r)}))}function Ln(a,n,t){var e=re({},a.attrs);t!=null&&t.colorChannel1&&e.fill==="colorChannel1"&&(e.fill=t.colorChannel1),a.tag==="mask"&&e.id&&(e.id=e.id+n.idSuffix),Object.entries(e).forEach(function(o){var s=o[0],c=o[1];s==="mask"&&typeof c=="string"&&(e[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))});var r=n.defIds;return!r||r.length===0||(a.tag==="use"&&e["xlink:href"]&&(e["xlink:href"]=e["xlink:href"]+n.idSuffix),Object.entries(e).forEach(function(o){var s=o[0],c=o[1];typeof c=="string"&&(e[s]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(n.idSuffix,")")))})),e}function Fn(a,n){var t,e=n.defIds;return!e||e.length===0?a:a.tag==="defs"&&(!((t=a.children)===null||t===void 0)&&t.length)?re(re({},a),{children:a.children.map(function(r){return typeof r.attrs.id=="string"&&e&&e.indexOf(r.attrs.id)>-1?re(re({},r),{attrs:re(re({},r.attrs),{id:r.attrs.id+n.idSuffix})}):r})}):a}function Un(){return Math.random().toString(36).substring(2,8)}un.displayName="UniverIcon";var Bn={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(a,n){return Y.createElement(un,Object.assign({},a,{id:"add-image-single",ref:n,icon:Bn}))});fn.displayName="AddImageSingle";const Ue={id:"doc.command.remove-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{var E,M,L,V;const t=a.get(i.ICommandService),e=a.get(i.IUniverInstanceService),r=a.get(B.IRenderManagerService),o=e.getCurrentUniverDocInstance();if(n==null||o==null)return!1;const s=r.getRenderById(n.unitId).with(G.DocSelectionRenderService),{drawings:c}=n,d=(E=s.getSegment())!=null?E:"",l=new i.TextX,g=i.JSONX.getInstance(),h=(L=(M=o.getSelfOrHeaderFooterModel(d).getBody())==null?void 0:M.customBlocks)!=null?L:[],m=c.map(x=>h.find(_=>_.blockId===x.drawingId)).filter(x=>!!x).sort((x,_)=>x.startIndex>_.startIndex?1:-1),f=c[0].unitId,p=new i.MemoryCursor;p.reset();const S=m[0].startIndex,w=[{startOffset:S,endOffset:S}],I={id:H.RichTextEditingMutation.id,params:{unitId:f,actions:[],textRanges:w}},T=[];for(const x of m){const{startIndex:_}=x;_>p.cursor&&l.push({t:i.TextXActionType.RETAIN,len:_-p.cursor}),l.push({t:i.TextXActionType.DELETE,len:1}),p.moveCursorTo(_+1)}const y=G.getRichTextEditPath(o,d);T.push(g.editOp(l.serialize(),y));for(const x of m){const{blockId:_}=x,j=((V=o.getDrawings())!=null?V:{})[_],U=o.getDrawingsOrder().indexOf(_),K=g.removeOp(["drawings",_],j),D=g.removeOp(["drawingsOrder",U],_);T.push(K),T.push(D)}return I.params.actions=T.reduce((x,_)=>i.JSONX.compose(x,_),null),!!t.syncExecuteCommand(I.id,I.params)}},Xe={id:"doc.command.delete-drawing",type:i.CommandType.COMMAND,handler:a=>{const n=a.get(i.ICommandService),e=a.get(Q.IDocDrawingService).getFocusDrawings();if(e.length===0)return!1;const{unitId:r}=e[0],o=e.map(s=>{const{unitId:c,subUnitId:d,drawingId:l,drawingType:g}=s;return{unitId:c,subUnitId:d,drawingId:l,drawingType:g}});return n.executeCommand(Ue.id,{unitId:r,drawings:o})}},$e={id:"doc.command.group-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const t=a.get(Q.IDocDrawingService);if(!n)return!1;const e=[];n.forEach(({parent:g,children:h})=>{e.push(g.unitId),h.forEach(m=>{e.push(m.unitId)})});const r=t.getGroupDrawingOp(n),{unitId:o,subUnitId:s,undo:c,redo:d,objects:l}=r;return!1}},Be={id:"doc.command.insert-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{var M,L,V,x;if(n==null)return!1;const t=a.get(i.ICommandService),e=a.get(H.DocSelectionManagerService),r=a.get(i.IUniverInstanceService),o=e.getActiveTextRange(),s=r.getCurrentUniverDocInstance();if(o==null||s==null)return!1;const c=s.getUnitId(),{drawings:d}=n,{collapsed:l,startOffset:g,segmentId:h}=o,m=s.getSelfOrHeaderFooterModel(h).getBody();if(m==null)return!1;const f=new i.TextX,p=i.JSONX.getInstance(),S=[],w=(L=(M=s.getSnapshot().drawingsOrder)==null?void 0:M.length)!=null?L:0;let I=0;if(l)g>0&&f.push({t:i.TextXActionType.RETAIN,len:g});else{const _=i.BuildTextUtils.selection.delete([o],m,0,null,!1);f.push(..._);const j=G.getCustomBlockIdsInSelections(m,[o]),q=(V=s.getDrawings())!=null?V:{},U=(x=s.getDrawingsOrder())!=null?x:[],K=j.sort((D,C)=>U.indexOf(D)>U.indexOf(C)?-1:U.indexOf(D)<U.indexOf(C)?1:0);if(K.length>0)for(const D of K){const C=q[D],A=U.indexOf(D);if(C==null||A<0)continue;const b=p.removeOp(["drawings",D],C),k=p.removeOp(["drawingsOrder",A],D);S.push(b),S.push(k),I++}}f.push({t:i.TextXActionType.INSERT,body:{dataStream:"\b".repeat(d.length),customBlocks:d.map((_,j)=>({startIndex:j,blockId:_.drawingId}))},len:d.length});const T=G.getRichTextEditPath(s,h),y=p.editOp(f.serialize(),T);S.push(y);for(const _ of d){const{drawingId:j}=_,q=p.insertOp(["drawings",j],_),U=p.insertOp(["drawingsOrder",w-I],j);S.push(q),S.push(U)}const O={id:H.RichTextEditingMutation.id,params:{unitId:c,actions:[],textRanges:[]}};return O.params.actions=S.reduce((_,j)=>i.JSONX.compose(_,j),null),!!t.syncExecuteCommand(O.id,O.params)}},ze={id:"doc.command.set-drawing-arrange",type:i.CommandType.COMMAND,handler:(a,n)=>{const t=a.get(i.ICommandService),e=a.get(Q.IDocDrawingService);if(n==null)return!1;const{unitId:r,subUnitId:o,drawingIds:s,arrangeType:c}=n,d={unitId:r,subUnitId:o,drawingIds:s};let l;if(c===i.ArrangeTypeEnum.forward?l=e.getForwardDrawingsOp(d):c===i.ArrangeTypeEnum.backward?l=e.getBackwardDrawingOp(d):c===i.ArrangeTypeEnum.front?l=e.getFrontDrawingsOp(d):c===i.ArrangeTypeEnum.back&&(l=e.getBackDrawingsOp(d)),l==null)return!1;const{redo:g}=l;if(g==null)return!1;const h=[];let m=i.Tools.deepClone(g);m=m.slice(3),m.unshift("drawingsOrder"),h.push(m);const f={id:H.RichTextEditingMutation.id,params:{unitId:r,actions:[],textRanges:null}};return f.params.actions=h.reduce((S,w)=>i.JSONX.compose(S,w),null),!!t.syncExecuteCommand(f.id,f.params)}},qe={id:"doc.command.ungroup-doc-image",type:i.CommandType.COMMAND,handler:(a,n)=>{a.get(i.ICommandService),a.get(i.IUndoRedoService);const t=a.get(Q.IDocDrawingService);if(!n)return!1;const e=[];n.forEach(({parent:g,children:h})=>{e.push(g.unitId),h.forEach(m=>{e.push(m.unitId)})});const r=t.getUngroupDrawingOp(n),{unitId:o,subUnitId:s,undo:c,redo:d,objects:l}=r;return!1}};var jn=Object.getOwnPropertyDescriptor,kn=(a,n,t,e)=>{for(var r=e>1?void 0:e?jn(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},ae=(a,n)=>(t,e)=>n(t,e,a);let je=class extends i.Disposable{constructor(a,n,t,e,r,o,s,c,d,l,g,h,m){super(),this._context=a,this._commandService=n,this._docSelectionManagerService=t,this._renderManagerSrv=e,this._imageIoService=r,this._docDrawingService=o,this._drawingManagerService=s,this._contextService=c,this._messageService=d,this._localeService=l,this._docSelectionRenderService=g,this._docRefreshDrawingsService=h,this._fileOpenerService=m,this._updateOrderListener(),this._groupDrawingListener(),this._focusDrawingListener(),this._transformDrawingListener(),this._editAreaChangeListener()}async insertDocImage(){const a=await this._fileOpenerService.openFile({multiple:!0,accept:z.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(t=>`.${t.replace("image/","")}`).join(",")}),n=a.length;return n>z.DRAWING_IMAGE_COUNT_LIMIT?(this._messageService.show({type:R.MessageType.Error,content:this._localeService.t("update-status.exceedMaxCount",String(z.DRAWING_IMAGE_COUNT_LIMIT))}),!1):n===0?!1:(await this._insertFloatImages(a),!0)}async _insertFloatImages(a){let n=[];try{n=await Promise.all(a.map(r=>this._imageIoService.saveImage(r)))}catch(r){const o=r.message;let s="";switch(o){case z.ImageUploadStatusType.ERROR_EXCEED_SIZE:s=this._localeService.t("update-status.exceedMaxSize",String(z.DRAWING_IMAGE_ALLOW_SIZE/(1024*1024)));break;case z.ImageUploadStatusType.ERROR_IMAGE_TYPE:s=this._localeService.t("update-status.invalidImageType");break;case z.ImageUploadStatusType.ERROR_IMAGE:s=this._localeService.t("update-status.invalidImage");break}this._messageService.show({type:R.MessageType.Error,content:s})}if(n.length===0)return;const{unitId:t}=this._context,e=[];for(const r of n){if(r==null)continue;const{imageId:o,imageSourceType:s,source:c,base64Cache:d}=r,{width:l,height:g,image:h}=await z.getImageSize(d||"");this._imageIoService.addImageSourceCache(o,s,h);let m=1;if(l>z.DRAWING_IMAGE_WIDTH_LIMIT||g>z.DRAWING_IMAGE_HEIGHT_LIMIT){const w=z.DRAWING_IMAGE_WIDTH_LIMIT/l,I=z.DRAWING_IMAGE_HEIGHT_LIMIT/g;m=Math.min(w,I)}const f=this._getImagePosition(l*m,g*m);if(f==null)return;const p={unitId:t,subUnitId:t,drawingId:o,drawingType:i.DrawingTypeEnum.DRAWING_IMAGE,imageSourceType:s,source:c,transform:G.docDrawingPositionToTransform(f),docTransform:f,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),e.push(p)}this._commandService.executeCommand(Be.id,{unitId:t,drawings:e})}_isInsertInHeaderFooter(){var e;const{unitId:a}=this._context,n=(e=this._renderManagerSrv.getRenderById(a))==null?void 0:e.with(H.DocSkeletonManagerService).getViewModel(),t=n==null?void 0:n.getEditArea();return t===B.DocumentEditArea.HEADER||t===B.DocumentEditArea.FOOTER}_getImagePosition(a,n){const t=this._docSelectionRenderService.getActiveTextRange(),e=(t==null?void 0:t.getAbsolutePosition())||{left:0};return{size:{width:a,height:n},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:e.left},positionV:{relativeFrom:i.ObjectRelativeFromV.PARAGRAPH,posOffset:0},angle:0}}_updateOrderListener(){this._drawingManagerService.featurePluginOrderUpdate$.subscribe(a=>{const{unitId:n,subUnitId:t,drawingIds:e,arrangeType:r}=a;this._commandService.executeCommand(ze.id,{unitId:n,subUnitId:t,drawingIds:e,arrangeType:r})})}_groupDrawingListener(){this._drawingManagerService.featurePluginGroupUpdate$.subscribe(a=>{this._commandService.executeCommand($e.id,a)}),this._drawingManagerService.featurePluginUngroupUpdate$.subscribe(a=>{this._commandService.executeCommand(qe.id,a)})}_getCurrentSceneAndTransformer(){const{scene:a,mainComponent:n}=this._context;if(a==null||n==null)return;const t=a.getTransformerByCreate(),{docsLeft:e,docsTop:r}=n.getOffsetConfig();return{scene:a,transformer:t,docsLeft:e,docsTop:r}}_transformDrawingListener(){const a=this._getCurrentSceneAndTransformer();if(a&&a.transformer)this.disposeWithMe(a.transformer.changeEnd$.pipe(ee.debounceTime(30)).subscribe(n=>{this._docSelectionManagerService.refreshSelection()}));else throw new Error("transformer is not init")}_focusDrawingListener(){this.disposeWithMe(this._drawingManagerService.focus$.subscribe(a=>{var r;const{transformer:n,docsLeft:t,docsTop:e}=(r=this._getCurrentSceneAndTransformer())!=null?r:{};if(a==null||a.length===0)this._contextService.setContextValue(i.FOCUSING_COMMON_DRAWINGS,!1),this._docDrawingService.focusDrawing([]),n&&n.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),n&&n.resetProps({zeroTop:e,zeroLeft:t})}}))}_findSegmentIdByDrawingId(a){var s,c,d;const{unit:n}=this._context,{body:t,headers:e={},footers:r={}}=n.getSnapshot();if(((s=t==null?void 0:t.customBlocks)!=null?s:[]).some(l=>l.blockId===a))return"";for(const l of Object.keys(e))if((c=e[l].body.customBlocks)!=null&&c.some(g=>g.blockId===a))return l;for(const l of Object.keys(r))if((d=r[l].body.customBlocks)!=null&&d.some(g=>g.blockId===a))return l;return""}_updateDrawingsEditStatus(){var c;const{unit:a,scene:n,unitId:t}=this._context,e=(c=this._renderManagerSrv.getRenderById(t))==null?void 0:c.with(H.DocSkeletonManagerService).getViewModel();if(e==null||a==null)return;const r=a.getSnapshot(),{drawings:o={}}=r,s=e.getEditArea()===B.DocumentEditArea.BODY;for(const d of Object.keys(o)){const l=o[d],g=z.getDrawingShapeKeyByDrawingSearch({unitId:t,drawingId:l.drawingId,subUnitId:t}),h=n.fuzzyMathObjects(g,!0);if(h.length)for(const m of h){n.detachTransformerFrom(m);try{m.setOpacity(.5)}catch{}if(s&&l.isMultiTransform!==i.BooleanNumber.TRUE||!s&&l.isMultiTransform===i.BooleanNumber.TRUE){l.allowTransform!==!1&&n.attachTransformerTo(m);try{m.setOpacity(1)}catch{}}}}}_editAreaChangeListener(){var t;const{unitId:a}=this._context,n=(t=this._renderManagerSrv.getRenderById(a))==null?void 0:t.with(H.DocSkeletonManagerService).getViewModel();n!=null&&(this._updateDrawingsEditStatus(),this.disposeWithMe(n.editAreaChange$.subscribe(()=>{this._updateDrawingsEditStatus()})),this._docRefreshDrawingsService.refreshDrawings$.subscribe(e=>{e!=null&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})}),this.disposeWithMe(this._commandService.onCommandExecuted(async e=>{e.id===H.RichTextEditingMutation.id&&queueMicrotask(()=>{this._updateDrawingsEditStatus()})})))}_setDrawingSelections(a){var r,o;const{unit:n}=this._context,t=(o=(r=n.getSnapshot().body)==null?void 0:r.customBlocks)!=null?o:[],e=a.map(s=>{const c=s.drawingId,d=t.find(l=>l.blockId===c);return d?d.startIndex:null}).filter(s=>s!==null).map(s=>({startOffset:s,endOffset:s+1}));this._docSelectionManagerService.replaceDocRanges(e)}};je=kn([ae(1,i.ICommandService),ae(2,i.Inject(H.DocSelectionManagerService)),ae(3,B.IRenderManagerService),ae(4,z.IImageIoService),ae(5,Q.IDocDrawingService),ae(6,z.IDrawingManagerService),ae(7,i.IContextService),ae(8,W.IMessageService),ae(9,i.Inject(i.LocaleService)),ae(10,i.Inject(G.DocSelectionRenderService)),ae(11,i.Inject(xe)),ae(12,W.ILocalFileService)],je);const Ke={id:"doc.command.insert-float-image",type:i.CommandType.COMMAND,handler:a=>{var e,r;const n=a.get(i.IUniverInstanceService),t=a.get(B.IRenderManagerService);return(r=(e=B.getCurrentTypeOfRenderer(i.UniverInstanceType.UNIVER_DOC,n,t))==null?void 0:e.with(je).insertDocImage())!=null?r:!1}},Te={id:"doc.command.move-drawing",type:i.CommandType.COMMAND,handler:(a,n)=>{const t=a.get(i.ICommandService),e=a.get(Q.IDocDrawingService),r=a.get(i.IUniverInstanceService),o=a.get(B.IRenderManagerService),{direction:s}=n,c=e.getFocusDrawings();if(c.length===0)return!1;const d=c[0].unitId,l=o.getRenderById(d),g=l==null?void 0:l.scene;if(g==null)return!1;const h=g.getTransformerByCreate(),m=r.getUniverDocInstance(d),f=c.map(S=>{var M,L,V,x,_;const{drawingId:w}=S,I=(M=m==null?void 0:m.getSnapshot().drawings)==null?void 0:M[w];if(I==null||I.layoutType===i.PositionedObjectLayoutType.INLINE)return null;const{positionH:T,positionV:y}=I.docTransform,O={...T},E={...y};return s===i.Direction.UP?E.posOffset=((L=E.posOffset)!=null?L:0)-2:s===i.Direction.DOWN?E.posOffset=((V=E.posOffset)!=null?V:0)+2:s===i.Direction.LEFT?O.posOffset=((x=O.posOffset)!=null?x:0)-2:s===i.Direction.RIGHT&&(O.posOffset=((_=O.posOffset)!=null?_:0)+2),{drawingId:w,key:s===i.Direction.UP||s===i.Direction.DOWN?"positionV":"positionH",value:s===i.Direction.UP||s===i.Direction.DOWN?E:O}}).filter(S=>S!=null);if(f.length===0)return!1;const p=t.syncExecuteCommand(Me.id,{unitId:d,subUnitId:d,drawings:f});return h.refreshControls(),!!p}},pn={id:"doc.operation.clear-drawing-transformer",type:i.CommandType.MUTATION,handler:(a,n)=>{const t=a.get(B.IRenderManagerService);return n.forEach(e=>{var r,o;(o=(r=t.getRenderById(e))==null?void 0:r.scene.getTransformer())==null||o.debounceRefreshControls()}),!0}},vn="COMPONENT_DOC_DRAWING_PANEL",Ye={id:"sidebar.operation.doc-image",type:i.CommandType.COMMAND,handler:async(a,n)=>{const t=a.get(W.ISidebarService),e=a.get(i.LocaleService),r=a.get(z.IDrawingManagerService);switch(n.value){case"open":t.open({header:{title:e.t("docImage.panel.title")},children:{label:vn},onClose:()=>{r.focusDrawing(null)},width:360});break;case"close":default:t.close();break}return!0}},Je={id:"doc.operation.edit-doc-image",type:i.CommandType.OPERATION,handler:(a,n)=>{const t=a.get(z.IDrawingManagerService),e=a.get(i.ICommandService);return n==null?!1:(t.focusDrawing([n]),e.executeCommand(Ye.id,{value:"open"}),!0)}},v={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",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelInput:"univer-image-common-panel-input"},In=-1e3,Sn=1e3,Hn=a=>{const n=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),e=W.useDependency(z.IDrawingManagerService),r=W.useDependency(B.IRenderManagerService),o=W.useDependency(i.IUniverInstanceService),{drawings:s}=a,c=s[0];if(c==null)return;const{unitId:d}=c,l=o.getUniverDocInstance(d),g=l==null?void 0:l.getSnapshot().documentStyle.documentFlavor,h=r.getRenderById(d),m=h==null?void 0:h.scene;if(m==null)return;const f=m.getTransformerByCreate(),p=[{label:t.t("image-position.column"),value:String(i.ObjectRelativeFromH.COLUMN)},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromH.PAGE)},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromH.MARGIN)}],S=[{label:t.t("image-position.line"),value:String(i.ObjectRelativeFromV.LINE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.page"),value:String(i.ObjectRelativeFromV.PAGE),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.margin"),value:String(i.ObjectRelativeFromV.MARGIN),disabled:g===i.DocumentFlavor.MODERN},{label:t.t("image-position.paragraph"),value:String(i.ObjectRelativeFromV.PARAGRAPH)}],[w,I]=Y.useState(!0),[T,y]=Y.useState({relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0}),[O,E]=Y.useState({relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0}),[M,L]=Y.useState(!0),[V,x]=Y.useState(!0);function _(C,A){var P;C==="positionH"?y(A):E(A);const b=e.getFocusDrawings();if(b.length===0)return;const k=b.map(F=>({unitId:F.unitId,subUnitId:F.subUnitId,drawingId:F.drawingId}));n.executeCommand(Me.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:k.map(F=>({drawingId:F.drawingId,key:C,value:A}))});const X=(P=r.getRenderById(d))==null?void 0:P.with(G.DocSelectionRenderService);X&&X.blur(),f.refreshControls()}function j(C){var te,ue,he;const A=T.relativeFrom,b=T.posOffset,k=Number(C);if(A===k)return;const X=e.getFocusDrawings();if(X.length===0)return;const P=X[0].drawingId,F=X[0].unitId;let J=null,$=0;const Z=(te=r.getRenderById(F))==null?void 0:te.with(H.DocSkeletonManagerService).getSkeleton(),oe=Z==null?void 0:Z.getSkeletonData();if(oe==null)return;const{pages:Oe,skeHeaders:we,skeFooters:Ee}=oe;for(const ce of Oe){const{marginLeft:fe,skeDrawings:pe,headerId:_e,footerId:De,pageWidth:ve}=ce;if(pe.has(P)){J=pe.get(P),$=fe;break}const le=(ue=we.get(_e))==null?void 0:ue.get(ve);if(le!=null&&le.skeDrawings.has(P)){J=le==null?void 0:le.skeDrawings.get(P),$=fe;break}const de=(he=Ee.get(De))==null?void 0:he.get(ve);if(de!=null&&de.skeDrawings.has(P)){J=de==null?void 0:de.skeDrawings.get(P),$=fe;break}}if(J==null)return;let se=0;A===i.ObjectRelativeFromH.COLUMN?se-=J.columnLeft:A===i.ObjectRelativeFromH.MARGIN&&(se-=$),k===i.ObjectRelativeFromH.COLUMN?se+=J.columnLeft:k===i.ObjectRelativeFromH.MARGIN?se+=$:i.ObjectRelativeFromH.PAGE;const ne={relativeFrom:k,posOffset:(b!=null?b:0)-se};_("positionH",ne)}function q(C){var pe,_e,De,ve,le,de;const A=O.relativeFrom,b=O.posOffset,k=Number(C);if(A===k)return;const X=e.getFocusDrawings();if(X.length===0)return;const{drawingId:P,unitId:F}=X[0],J=o.getUniverDocInstance(F),$=(pe=r.getRenderById(F))==null?void 0:pe.with(H.DocSkeletonManagerService).getSkeleton(),Z=(_e=r.getRenderById(F))==null?void 0:_e.with(G.DocSelectionRenderService),oe=Z==null?void 0:Z.getSegment(),Oe=Z==null?void 0:Z.getSegmentPage(),we=(ve=(De=J==null?void 0:J.getSelfOrHeaderFooterModel(oe).getBody())==null?void 0:De.customBlocks)==null?void 0:ve.find(Ce=>Ce.blockId===P);if(we==null||$==null||Z==null)return;const{startIndex:Ee}=we,se=$.findNodeByCharIndex(Ee,oe,Oe),ne=(le=se==null?void 0:se.parent)==null?void 0:le.parent,te=ne==null?void 0:ne.parent,ue=te==null?void 0:te.lines.find(Ce=>Ce.paragraphIndex===(ne==null?void 0:ne.paragraphIndex)&&Ce.paragraphStart),he=(de=te==null?void 0:te.parent)==null?void 0:de.parent;if(se==null||ne==null||ue==null||te==null||he==null)return;let ce=0;A===i.ObjectRelativeFromV.PARAGRAPH?ce-=ue.top:A===i.ObjectRelativeFromV.LINE?ce-=ne.top:A===i.ObjectRelativeFromV.PAGE&&(ce+=he.marginTop),k===i.ObjectRelativeFromV.PARAGRAPH?ce+=ue.top:k===i.ObjectRelativeFromV.LINE?ce+=ne.top:k===i.ObjectRelativeFromV.PAGE&&(ce-=he.marginTop);const fe={relativeFrom:k,posOffset:(b!=null?b:0)-ce};_("positionV",fe)}function U(C){var F;const A=l==null?void 0:l.getSnapshot(),b=(F=A==null?void 0:A.drawings)==null?void 0:F[C.drawingId];if(b==null)return;const{layoutType:k}=b,{positionH:X,positionV:P}=b.docTransform;y(X),E(P),I(k===i.PositionedObjectLayoutType.INLINE),L(P.relativeFrom===i.ObjectRelativeFromV.PARAGRAPH||P.relativeFrom===i.ObjectRelativeFromV.LINE)}function K(){const C=e.getFocusDrawings();C.length!==0&&U(C[0])}function D(C){L(C),q(String(C?i.ObjectRelativeFromV.PARAGRAPH:i.ObjectRelativeFromV.PAGE))}return Y.useEffect(()=>{K();const C=e.focus$.subscribe(b=>{if(b.length===0){x(!1);return}x(!0),U(b[0])}),A=n.onCommandExecuted(async b=>{b.id===H.RichTextEditingMutation.id&&K()});return()=>{C.unsubscribe(),A.dispose()}},[]),u.jsxs("div",{className:R.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:V?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-position.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.horizontal")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:In,max:Sn,precision:1,disabled:w,value:T.posOffset,onChange:C=>{_("positionH",{relativeFrom:T.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.toTheRightOf")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.Select,{value:String(T.relativeFrom),disabled:w,options:p,onChange:j})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.vertical")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.absolutePosition")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:In,max:Sn,precision:1,disabled:w,value:O.posOffset,onChange:C=>{_("positionV",{relativeFrom:O.relativeFrom,posOffset:C})},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-position.bellow")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.Select,{disabled:w,value:String(O.relativeFrom),options:S,onChange:q})})})]})})]}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-position.options")})})}),u.jsx("div",{className:v.imageCommonPanelRow,style:{marginBottom:"50px"},children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.Checkbox,{disabled:w,checked:M,onChange:D,children:t.t("image-position.moveObjectWithText")})})})]})},ke=0,He=100,Wn=a=>{const n=W.useDependency(i.ICommandService),t=W.useDependency(i.LocaleService),e=W.useDependency(z.IDrawingManagerService),r=W.useDependency(B.IRenderManagerService),o=W.useDependency(i.IUniverInstanceService),{drawings:s}=a,c=s[0];if(c==null)return null;const{unitId:d}=c,l=o.getUniverDocInstance(d),g=r.getRenderById(d);if((g==null?void 0:g.scene)==null)return null;const[m,f]=Y.useState(!0),[p,S]=Y.useState(!0),[w,I]=Y.useState(!0),[T,y]=Y.useState(ie.INLINE),[O,E]=Y.useState(""),[M,L]=Y.useState({distT:0,distL:0,distB:0,distR:0}),[V,x]=Y.useState(!0);function _(D){y(D);const C=e.getFocusDrawings();if(C.length===0)return;const{unitId:A,subUnitId:b}=C[0],k=C.map(({unitId:X,subUnitId:P,drawingId:F})=>({unitId:X,subUnitId:P,drawingId:F}));n.executeCommand(sn.id,{unitId:A,subUnitId:b,drawings:k,wrappingStyle:D})}function j(D){E(D);const C=e.getFocusDrawings();if(C.length===0)return;const A=C.map(b=>({unitId:b.unitId,subUnitId:b.subUnitId,drawingId:b.drawingId}));n.executeCommand(ln.id,{unitId:C[0].unitId,subUnitId:C[0].unitId,drawings:A,wrapText:D})}function q(D,C){if(D==null)return;const A={...M,[C]:D};L(A);const b=e.getFocusDrawings();if(b.length===0)return;const k=b.map(X=>({unitId:X.unitId,subUnitId:X.subUnitId,drawingId:X.drawingId}));n.executeCommand(cn.id,{unitId:b[0].unitId,subUnitId:b[0].unitId,drawings:k,dist:{[C]:D}})}function U(){const D=e.getFocusDrawings();D.length!==0&&K(D[0])}function K(D){var Z,oe;const C=(oe=(Z=l==null?void 0:l.getSnapshot())==null?void 0:Z.drawings)==null?void 0:oe[D.drawingId];if(C==null)return;const{distT:A=0,distL:b=0,distB:k=0,distR:X=0,layoutType:P=i.PositionedObjectLayoutType.INLINE,behindDoc:F=i.BooleanNumber.FALSE,wrapText:J=i.WrapTextType.BOTH_SIDES}=C;if(L({distT:A,distL:b,distB:k,distR:X}),E(J),f(P!==i.PositionedObjectLayoutType.WRAP_SQUARE),P===i.PositionedObjectLayoutType.WRAP_NONE||P===i.PositionedObjectLayoutType.INLINE?S(!0):S(!1),P===i.PositionedObjectLayoutType.WRAP_NONE||P===i.PositionedObjectLayoutType.INLINE||P===i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM?I(!0):I(!1),P===i.PositionedObjectLayoutType.WRAP_NONE)F===i.BooleanNumber.TRUE?y(ie.BEHIND_TEXT):y(ie.IN_FRONT_OF_TEXT);else switch(P){case i.PositionedObjectLayoutType.INLINE:y(ie.INLINE);break;case i.PositionedObjectLayoutType.WRAP_SQUARE:y(ie.WRAP_SQUARE);break;case i.PositionedObjectLayoutType.WRAP_TOP_AND_BOTTOM:y(ie.WRAP_TOP_AND_BOTTOM);break;default:throw new Error(`Unsupported layout type: ${P}`)}}return Y.useEffect(()=>{U();const D=e.focus$.subscribe(A=>{if(A.length===0){x(!1);return}x(!0),K(A[0])}),C=n.onCommandExecuted(async A=>{A.id===H.RichTextEditingMutation.id&&U()});return()=>{D.unsubscribe(),C.dispose()}},[]),u.jsxs("div",{className:R.clsx(v.imageCommonPanelGrid,v.imageCommonPanelBorder),style:{display:V?"block":"none"},children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelTitle),children:u.jsx("div",{children:t.t("image-text-wrap.title")})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrappingStyle")})})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn),children:u.jsxs(R.RadioGroup,{value:T,onChange:_,direction:"vertical",children:[u.jsx(R.Radio,{value:ie.INLINE,children:t.t("image-text-wrap.inline")}),u.jsx(R.Radio,{value:ie.WRAP_SQUARE,children:t.t("image-text-wrap.square")}),u.jsx(R.Radio,{value:ie.WRAP_TOP_AND_BOTTOM,children:t.t("image-text-wrap.topAndBottom")}),u.jsx(R.Radio,{value:ie.BEHIND_TEXT,children:t.t("image-text-wrap.behindText")}),u.jsx(R.Radio,{value:ie.IN_FRONT_OF_TEXT,children:t.t("image-text-wrap.inFrontText")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.wrapText")})})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelRow),children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn),children:u.jsxs(R.RadioGroup,{disabled:m,value:O,onChange:j,direction:"horizontal",children:[u.jsx(R.Radio,{value:i.WrapTextType.BOTH_SIDES,children:t.t("image-text-wrap.bothSide")}),u.jsx(R.Radio,{value:i.WrapTextType.LEFT,children:t.t("image-text-wrap.leftOnly")}),u.jsx(R.Radio,{value:i.WrapTextType.RIGHT,children:t.t("image-text-wrap.rightOnly")})]})})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSubtitle),children:u.jsx("div",{children:t.t("image-text-wrap.distanceFromText")})})}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.top")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:p,precision:1,value:M.distT,onChange:D=>{q(D,"distT")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.left")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:w,precision:1,value:M.distL,onChange:D=>{q(D,"distL")},className:v.imageCommonPanelInput})})})]})})]}),u.jsxs("div",{className:v.imageCommonPanelRow,children:[u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.bottom")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:p,precision:1,value:M.distB,onChange:D=>{q(D,"distB")},className:v.imageCommonPanelInput})})})]})}),u.jsx("div",{className:R.clsx(v.imageCommonPanelColumn,v.imageCommonPanelSpan2),children:u.jsxs("label",{children:[u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:t.t("image-text-wrap.right")})}),u.jsx("div",{className:v.imageCommonPanelRow,children:u.jsx("div",{className:v.imageCommonPanelColumn,children:u.jsx(R.InputNumber,{min:ke,max:He,disabled:w,precision:1,value:M.distR,onChange:D=>{q(D,"distR")},className:v.imageCommonPanelInput})})})]})})]})]})},Vn=()=>{const a=W.useDependency(z.IDrawingManagerService),n=a.getFocusDrawings(),[t,e]=Y.useState(n);return Y.useEffect(()=>{const r=a.focus$.subscribe(o=>{e(o)});return()=>{r.unsubscribe()}},[]),!!(t!=null&&t.length)&&u.jsxs("div",{className:v.imageCommonPanel,children:[u.jsx(Ie.DrawingCommonPanel,{drawings:t,hasAlign:!1,hasCropper:!1,hasGroup:!1,hasTransform:!1}),u.jsx(Wn,{drawings:t}),u.jsx(Hn,{drawings:t})]})},wn="addition-and-subtraction-single",Ze="doc.menu.image",_n=Ke.id,Gn=a=>{const n=a.get(H.DocSelectionManagerService),t=a.get(i.IUniverInstanceService);return new ee.Observable(e=>{const r=n.textSelection$.subscribe(()=>{var s;const o=n.getActiveTextRange();if(o){const{segmentId:c,startOffset:d,endOffset:l}=o,g=t.getCurrentUniverDocInstance(),h=(s=g==null?void 0:g.getSelfOrHeaderFooterModel(c).getBody())==null?void 0:s.tables;if(h&&h.length&&h.some(m=>{const{startIndex:f,endIndex:p}=m;return d>=f&&d<p||l>=f&&l<p})){e.next(!0);return}}else{e.next(!0);return}e.next(!1)});return()=>r.unsubscribe()})};function Xn(a){return{id:Ze,type:W.MenuItemType.SUBITEMS,icon:wn,tooltip:"docImage.title",disabled$:Gn(a),hidden$:W.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}function $n(a){return{id:_n,title:"docImage.upload.float",type:W.MenuItemType.BUTTON,hidden$:W.getMenuHiddenObservable(a,i.UniverInstanceType.UNIVER_DOC,void 0,i.DOCS_ZEN_EDITOR_UNIT_ID_KEY)}}const zn={[W.RibbonStartGroup.LAYOUT]:{[Ze]:{order:0,menuItemFactory:Xn,[_n]:{order:0,menuItemFactory:$n}}}};function Pe(a){return a.getContextValue(i.FOCUSING_UNIVER_EDITOR)&&a.getContextValue(i.FOCUSING_COMMON_DRAWINGS)}const qn={id:Te.id,description:"shortcut.drawing-move-down",group:"4_drawing-view",binding:W.KeyCode.ARROW_DOWN,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.DOWN}},Kn={id:Te.id,description:"shortcut.drawing-move-up",group:"4_drawing-view",binding:W.KeyCode.ARROW_UP,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.UP}},Yn={id:Te.id,description:"shortcut.drawing-move-left",group:"4_drawing-view",binding:W.KeyCode.ARROW_LEFT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.LEFT}},Jn={id:Te.id,description:"shortcut.drawing-move-right",group:"4_drawing-view",binding:W.KeyCode.ARROW_RIGHT,priority:100,preconditions:Pe,staticParameters:{direction:i.Direction.RIGHT}},Zn={id:Xe.id,description:"shortcut.drawing-delete",group:"4_drawing-view",preconditions:Pe,binding:W.KeyCode.DELETE,mac:W.KeyCode.BACKSPACE};var Qn=Object.getOwnPropertyDescriptor,et=(a,n,t,e)=>{for(var r=e>1?void 0:e?Qn(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},We=(a,n)=>(t,e)=>n(t,e,a);let Ve=class extends i.Disposable{constructor(a,n,t,e){super(),this._componentManager=a,this._menuManagerService=n,this._commandService=t,this._shortcutService=e,this._init()}_initCustomComponents(){const a=this._componentManager;this.disposeWithMe(a.register(wn,fn)),this.disposeWithMe(a.register(vn,Vn))}_initMenus(){this._menuManagerService.mergeMenu(zn)}_initCommands(){[Ke,Be,sn,cn,ln,Me,dn,gn,Ue,Ye,pn,Je,$e,qe,Te,Xe,ze].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_initShortcuts(){[qn,Kn,Yn,Jn,Zn].forEach(a=>{this.disposeWithMe(this._shortcutService.registerShortcut(a))})}_init(){this._initCommands(),this._initCustomComponents(),this._initMenus(),this._initShortcuts()}};Ve=et([We(0,i.Inject(W.ComponentManager)),We(1,W.IMenuManagerService),We(2,i.ICommandService),We(3,W.IShortcutService)],Ve);var nt=Object.getOwnPropertyDescriptor,tt=(a,n,t,e)=>{for(var r=e>1?void 0:e?nt(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},ye=(a,n)=>(t,e)=>n(t,e,a);function Qe(a,n){const{top:t,left:e,width:r,height:o,angle:s,opacity:c}=a,d=n.scene,l=d.getViewport(G.VIEWPORT_KEY.VIEW_MAIN),{viewportScrollX:g,viewportScrollY:h}=l,{scaleX:m,scaleY:f}=d.getAncestorScale();return{startX:(e-g)*m,startY:(t-h)*f,endX:(e+r-g)*m,endY:(t+o-h)*f,width:r*m,height:o*f,rotate:s,absolute:{left:!1,top:!1},opacity:c!=null?c:1}}N.DocFloatDomController=class extends i.Disposable{constructor(t,e,r,o,s,c){super();me(this,"_domLayerInfoMap",new Map);this._renderManagerService=t,this._drawingManagerService=e,this._drawingRenderService=r,this._canvasFloatDomService=o,this._univerInstanceService=s,this._commandService=c,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddRemoveListener(),this._initScrollAndZoomEvent()}_getSceneAndTransformerByDrawingSearch(t){if(t==null)return;const e=this._renderManagerService.getRenderById(t);if(e==null)return null;const r=e.scene,o=r.getTransformerByCreate();return{scene:r,transformer:o,renderUnit:e,canvas:e.engine.getCanvasElement()}}_drawingAddRemoveListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(t=>{this._insertRects(t)})),this.disposeWithMe(this._drawingManagerService.remove$.subscribe(t=>{t.forEach(e=>{this._removeDom(e.drawingId)})}))}_insertRects(t){t.forEach(async e=>{const{unitId:r}=e;if(!this._univerInstanceService.getUnit(r,i.UniverInstanceType.UNIVER_DOC))return;const s=this._getSceneAndTransformerByDrawingSearch(r);if(s==null)return;const c=this._drawingManagerService.getDrawingByParam(e);if(c==null)return;const d=await this._drawingRenderService.renderFloatDom(c,s.scene);if(!(d==null||d.length===0))for(const l of d){this._addHoverForRect(l);const g=new i.DisposableCollection,h=Qe(l,s.renderUnit),m=new ee.BehaviorSubject(h),f=s.canvas,p=c.data,S={dispose:g,rect:l,position$:m,unitId:r};this._canvasFloatDomService.addFloatDom({position$:m,id:c.drawingId,componentKey:c.componentKey,onPointerDown:I=>{f.dispatchEvent(new PointerEvent(I.type,I))},onPointerMove:I=>{f.dispatchEvent(new PointerEvent(I.type,I))},onPointerUp:I=>{f.dispatchEvent(new PointerEvent(I.type,I))},onWheel:I=>{f.dispatchEvent(new WheelEvent(I.type,I))},data:p,unitId:r});const w=l.onTransformChange$.subscribeEvent(()=>{const I=Qe(l,s.renderUnit);m.next(I)});g.add(()=>{this._canvasFloatDomService.removeFloatDom(c.drawingId)}),w&&g.add(w),this._domLayerInfoMap.set(c.drawingId,S)}})}_addHoverForRect(t){this.disposeWithMe(i.toDisposable(t.onPointerEnter$.subscribeEvent(()=>{t.cursor=B.CURSOR_TYPE.GRAB}))),this.disposeWithMe(i.toDisposable(t.onPointerLeave$.subscribeEvent(()=>{t.cursor=B.CURSOR_TYPE.DEFAULT})))}_removeDom(t){const e=this._domLayerInfoMap.get(t);if(!e)return;const{unitId:r}=e;this._domLayerInfoMap.delete(t),e.dispose.dispose();const o=this._getSceneAndTransformerByDrawingSearch(r);o&&o.scene.removeObject(e.rect)}_initScrollAndZoomEvent(){const t=e=>{const r=this._getSceneAndTransformerByDrawingSearch(e);r&&this._domLayerInfoMap.forEach(o=>{if(o.unitId!==e)return;const s=Qe(o.rect,r.renderUnit);o.position$.next(s)})};this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.map(e=>{if(!e)return null;const r=e.getUnitId(),o=this._renderManagerService.getRenderById(r);return o?{render:o,unitId:r}:null}),ee.switchMap(e=>e?i.fromEventSubject(e.render.scene.getViewport(G.VIEWPORT_KEY.VIEW_MAIN).onScrollAfter$).pipe(ee.map(()=>({unitId:e.unitId}))):ee.of(null))).subscribe(e=>{if(!e)return;const{unitId:r}=e;t(r)})),this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id===G.SetDocZoomRatioOperation.id){const r=e.params,{unitId:o}=r;t(o)}}))}insertFloatDom(t,e){var w,I,T;const r=this._univerInstanceService.getCurrentUnitOfType(i.UniverInstanceType.UNIVER_DOC);if(!r)return!1;const o=this._getSceneAndTransformerByDrawingSearch(r.getUnitId());if(!o)return!1;const d=(w=o.renderUnit.with(H.DocSkeletonManagerService).getSkeleton().getSkeletonData())==null?void 0:w.pages[0];if(!d)return!1;const{pageWidth:l,marginLeft:g,marginRight:h}=d,m=l-g-h,f={size:{width:(I=e.width)!=null?I:m,height:e.height},positionH:{relativeFrom:i.ObjectRelativeFromH.PAGE,posOffset:0},positionV:{relativeFrom:i.ObjectRelativeFromV.PAGE,posOffset:0},angle:0},p=(T=e.drawingId)!=null?T:i.generateRandomId(),S={unitId:r.getUnitId(),drawings:[{drawingId:p,drawingType:i.DrawingTypeEnum.DRAWING_DOM,subUnitId:r.getUnitId(),unitId:r.getUnitId(),...t,title:"",description:"",docTransform:f,layoutType:i.PositionedObjectLayoutType.INLINE,transform:G.docDrawingPositionToTransform(f)}]};return this._commandService.syncExecuteCommand(Be.id,S),p}},N.DocFloatDomController=tt([ye(0,B.IRenderManagerService),ye(1,z.IDrawingManagerService),ye(2,i.Inject(Ie.DrawingRenderService)),ye(3,i.Inject(W.CanvasFloatDomService)),ye(4,i.IUniverInstanceService),ye(5,i.ICommandService)],N.DocFloatDomController);var it=Object.getOwnPropertyDescriptor,rt=(a,n,t,e)=>{for(var r=e>1?void 0:e?it(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},Ne=(a,n)=>(t,e)=>n(t,e,a);let Ge=class extends i.RxDisposable{constructor(n,t,e,r,o){super();me(this,"_initImagePopupMenu",new Set);this._drawingManagerService=n,this._canvasPopManagerService=t,this._renderManagerService=e,this._univerInstanceService=r,this._contextService=o,this._init()}_init(){this._univerInstanceService.getCurrentTypeOfUnit$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(n=>this._create(n)),this._univerInstanceService.getTypeOfUnitDisposed$(i.UniverInstanceType.UNIVER_DOC).pipe(ee.takeUntil(this.dispose$)).subscribe(n=>this._dispose(n)),this._univerInstanceService.getAllUnitsForType(i.UniverInstanceType.UNIVER_DOC).forEach(n=>this._create(n))}_dispose(n){const t=n.getUnitId();this._renderManagerService.removeRender(t)}_create(n){if(!n)return;const t=n.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(n){const t=n.getAllObjects();for(const e of t)if(e instanceof Ie.ImageCropperObject)return!0;return!1}_popupMenuListener(n){var o;const t=(o=this._renderManagerService.getRenderById(n))==null?void 0:o.scene;if(!t)return;const e=t.getTransformerByCreate();if(!e)return;const r=[];this.disposeWithMe(i.toDisposable(e.createControl$.subscribe(()=>{if(this._hasCropObject(t))return;const s=e.getSelectedObjectMap();if(r.forEach(I=>I.dispose()),r.length=0,s.size>1)return;const c=s.values().next().value;if(!c)return;const d=c.oKey,l=this._drawingManagerService.getDrawingOKey(d);if(!l||l.drawingType===i.DrawingTypeEnum.DRAWING_DOM)return;const{unitId:g,subUnitId:h,drawingId:m,drawingType:f}=l,p=this._canvasPopManagerService.attachPopupToObject(c,{componentKey:Ie.COMPONENT_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getImageMenuItems(g,h,m,f)}},g);r.push(this.disposeWithMe(p)),!this._drawingManagerService.getFocusDrawings().find(I=>I.unitId===g&&I.subUnitId===h&&I.drawingId===m)&&this._drawingManagerService.focusDrawing([{unitId:g,subUnitId:h,drawingId:m}])}))),this.disposeWithMe(i.toDisposable(e.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(e.changing$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0}))),this.disposeWithMe(i.toDisposable(e.changeStart$.subscribe(()=>{r.forEach(s=>s.dispose()),r.length=0})))}_getImageMenuItems(n,t,e,r){return[{label:"image-popup.edit",index:0,commandId:Je.id,commandParams:{unitId:n,subUnitId:t,drawingId:e},disable:!0},{label:"image-popup.delete",index:1,commandId:Ue.id,commandParams:{unitId:n,drawings:[{unitId:n,subUnitId:t,drawingId:e}]},disable:!1},{label:"image-popup.crop",index:2,commandId:Ie.OpenImageCropOperation.id,commandParams:{unitId:n,subUnitId:t,drawingId:e},disable:!0},{label:"image-popup.reset",index:3,commandId:Ie.ImageResetSizeOperation.id,commandParams:[{unitId:n,subUnitId:t,drawingId:e}],disable:!0}]}};Ge=rt([Ne(0,z.IDrawingManagerService),Ne(1,i.Inject(G.DocCanvasPopManagerService)),Ne(2,B.IRenderManagerService),Ne(3,i.IUniverInstanceService),Ne(4,i.IContextService)],Ge);var at=Object.getOwnPropertyDescriptor,ot=(a,n,t,e)=>{for(var r=e>1?void 0:e?at(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},Se=(a,n)=>(t,e)=>n(t,e,a);let en=class extends i.Disposable{constructor(n,t,e,r,o,s,c,d){super();me(this,"_liquid",new B.Liquid);this._context=n,this._docSkeletonManagerService=t,this._commandService=e,this._editorService=r,this._drawingManagerService=o,this._docRefreshDrawingsService=s,this._univerInstanceService=c,this._lifecycleService=d,this._initialize(),this._commandExecutedListener()}_initialize(){this._initialRenderRefresh(),this._drawingInitializeListener(),this._initResize()}_initialRenderRefresh(){this._docSkeletonManagerService.currentSkeleton$.subscribe(n=>{n!=null&&this._refreshDrawing(n)}),this._docRefreshDrawingsService.refreshDrawings$.subscribe(n=>{n!=null&&this._refreshDrawing(n)})}_commandExecutedListener(){const n=[H.RichTextEditingMutation.id,G.SetDocZoomRatioOperation.id];this.disposeWithMe(this._commandService.onCommandExecuted(t=>{if(n.includes(t.id)){const e=t.params,{unitId:r}=e,{unitId:o,mainComponent:s}=this._context;if(r!==o)return;const c=this._docSkeletonManagerService.getSkeleton();if(c==null)return;if(this._editorService.isEditor(o)&&o!==i.DOCS_ZEN_EDITOR_UNIT_ID_KEY){s==null||s.makeDirty();return}this._refreshDrawing(c)}}))}_initResize(){this.disposeWithMe(i.fromEventSubject(this._context.engine.onTransformChange$).pipe(ee.filter(n=>n.type===B.TRANSFORM_CHANGE_OBSERVABLE_TYPE.resize),ee.debounceTime(16)).subscribe(()=>{var e;const n=this._docSkeletonManagerService.getSkeleton(),{scene:t}=this._context;(e=t.getTransformer())==null||e.refreshControls(),this._refreshDrawing(n)}))}_refreshDrawing(n){var T,y;const t=n==null?void 0:n.getSkeletonData(),{mainComponent:e,unitId:r}=this._context,o=e;if(!t)return;const{left:s,top:c,pageLayoutType:d,pageMarginLeft:l,pageMarginTop:g}=o,{pages:h,skeHeaders:m,skeFooters:f}=t,p={};this._liquid.reset();for(let O=0,E=h.length;O<E;O++){const M=h[O],{headerId:L,footerId:V,pageWidth:x}=M;if(L){const _=(T=m.get(L))==null?void 0:T.get(x);_&&this._calculateDrawingPosition(r,_,s,c,p,_.marginTop,M.marginLeft)}if(V){const _=(y=f.get(V))==null?void 0:y.get(x);_&&this._calculateDrawingPosition(r,_,s,c,p,M.pageHeight-M.marginBottom+_.marginTop,M.marginLeft)}this._calculateDrawingPosition(r,M,s,c,p,M.marginTop,M.marginLeft),this._liquid.translatePage(M,d,l,g)}const S=Object.values(p),w=S.filter(O=>!O.isMultiTransform),I=S.filter(O=>O.isMultiTransform);w.length>0&&this._drawingManagerService.refreshTransform(w),this._handleMultiDrawingsTransform(I)}_handleMultiDrawingsTransform(n){const{scene:t,unitId:e}=this._context,r=t.getTransformerByCreate();n.forEach(d=>{const l=this._drawingManagerService.getDrawingByParam(d);l!=null&&(l.transform=d.transform,l.transforms=d.transforms,l.isMultiTransform=d.isMultiTransform)});const s=[...r.getSelectedObjectMap().keys()],c=Object.values(this._drawingManagerService.getDrawingData(e,e)).filter(d=>d.isMultiTransform===i.BooleanNumber.TRUE);this._drawingManagerService.removeNotification(c),n.length>0&&this._drawingManagerService.addNotification(n);for(const d of s){const l=t.getObject(d);l&&r.setSelectedControl(l)}}_calculateDrawingPosition(n,t,e,r,o,s,c){const{skeDrawings:d}=t;this._liquid.translatePagePadding({marginTop:s,marginLeft:c}),d.forEach(l=>{const{aLeft:g,aTop:h,height:m,width:f,angle:p,drawingId:S,drawingOrigin:w}=l,I=w.layoutType===i.PositionedObjectLayoutType.WRAP_NONE&&w.behindDoc===i.BooleanNumber.TRUE,{isMultiTransform:T=i.BooleanNumber.FALSE}=w,y={left:g+e+this._liquid.x,top:h+r+this._liquid.y,width:f,height:m,angle:p};o[S]==null?o[S]={unitId:n,subUnitId:n,drawingId:S,behindText:I,transform:y,transforms:[y],isMultiTransform:T}:T===i.BooleanNumber.TRUE&&o[S].transforms.push(y)}),this._liquid.restorePagePadding({marginTop:s,marginLeft:c})}_drawingInitializeListener(){const n=()=>{const t=this._docSkeletonManagerService.getSkeleton();t!=null&&(this._refreshDrawing(t),this._drawingManagerService.initializeNotification(this._context.unitId))};this._lifecycleService.stage>=i.LifecycleStages.Rendered?this._docSkeletonManagerService.getSkeleton()?n():setTimeout(n,500):this._lifecycleService.lifecycle$.pipe(ee.filter(t=>t===i.LifecycleStages.Rendered)).subscribe(n)}};en=ot([Se(1,i.Inject(H.DocSkeletonManagerService)),Se(2,i.ICommandService),Se(3,G.IEditorService),Se(4,z.IDrawingManagerService),Se(5,i.Inject(xe)),Se(6,i.IUniverInstanceService),Se(7,i.Inject(i.LifecycleService))],en);var st=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(a,n,t)=>n in a?st(a,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[n]=t,dt=(a,n,t,e)=>{for(var r=e>1?void 0:e?ct(n,t):n,o=a.length-1,s;o>=0;o--)(s=a[o])&&(r=s(r)||r);return r},nn=(a,n)=>(t,e)=>n(t,e,a),Dn=(a,n,t)=>lt(a,typeof n!="symbol"?n+"":n,t);const gt="DOC_DRAWING_UI_PLUGIN";N.UniverDocsDrawingUIPlugin=class extends i.Plugin{constructor(n=an,t,e,r){super(),this._config=n,this._injector=t,this._renderManagerSrv=e,this._configService=r;const{...o}=i.merge({},an,this._config);this._configService.setConfig(yn,o)}onStarting(){[[Ve],[Ge],[Fe],[Re],[xe],[N.DocFloatDomController]].forEach(t=>this._injector.add(t))}onReady(){[[je],[en]].forEach(n=>this._renderManagerSrv.registerRenderModule(i.UniverInstanceType.UNIVER_DOC,n)),this._injector.get(Re),this._injector.get(Ve),this._injector.get(Fe)}onRendered(){this._injector.get(Ge),this._injector.get(N.DocFloatDomController)}},Dn(N.UniverDocsDrawingUIPlugin,"type",i.UniverInstanceType.UNIVER_DOC),Dn(N.UniverDocsDrawingUIPlugin,"pluginName",gt),N.UniverDocsDrawingUIPlugin=dt([i.DependentOn(Ie.UniverDrawingUIPlugin,z.UniverDrawingPlugin,Q.UniverDocsDrawingPlugin,W.UniverUIPlugin),nn(1,i.Inject(i.Injector)),nn(2,B.IRenderManagerService),nn(3,i.IConfigService)],N.UniverDocsDrawingUIPlugin),N.ClearDocDrawingTransformerOperation=pn,N.DOCS_IMAGE_MENU_ID=Ze,N.DeleteDocDrawingsCommand=Xe,N.EditDocDrawingOperation=Je,N.GroupDocDrawingCommand=$e,N.InsertDocDrawingCommand=Be,N.InsertDocImageCommand=Ke,N.MoveDocDrawingsCommand=Te,N.RemoveDocDrawingCommand=Ue,N.SetDocDrawingArrangeCommand=ze,N.SidebarDocDrawingOperation=Ye,N.UngroupDocDrawingCommand=qe,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/docs-drawing-ui",
3
- "version": "0.6.10-nightly.202504161609",
3
+ "version": "0.6.10",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -52,16 +52,16 @@
52
52
  "rxjs": ">=7.0.0"
53
53
  },
54
54
  "dependencies": {
55
- "@univerjs/icons": "^0.2.35",
56
- "@univerjs/core": "0.6.10-nightly.202504161609",
57
- "@univerjs/docs": "0.6.10-nightly.202504161609",
58
- "@univerjs/design": "0.6.10-nightly.202504161609",
59
- "@univerjs/docs-ui": "0.6.10-nightly.202504161609",
60
- "@univerjs/drawing": "0.6.10-nightly.202504161609",
61
- "@univerjs/docs-drawing": "0.6.10-nightly.202504161609",
62
- "@univerjs/engine-render": "0.6.10-nightly.202504161609",
63
- "@univerjs/drawing-ui": "0.6.10-nightly.202504161609",
64
- "@univerjs/ui": "0.6.10-nightly.202504161609"
55
+ "@univerjs/icons": "^0.3.2",
56
+ "@univerjs/core": "0.6.10",
57
+ "@univerjs/design": "0.6.10",
58
+ "@univerjs/docs": "0.6.10",
59
+ "@univerjs/docs-ui": "0.6.10",
60
+ "@univerjs/drawing": "0.6.10",
61
+ "@univerjs/docs-drawing": "0.6.10",
62
+ "@univerjs/drawing-ui": "0.6.10",
63
+ "@univerjs/engine-render": "0.6.10",
64
+ "@univerjs/ui": "0.6.10"
65
65
  },
66
66
  "devDependencies": {
67
67
  "less": "^4.3.0",
@@ -72,7 +72,7 @@
72
72
  "typescript": "^5.8.3",
73
73
  "vite": "^6.3.0",
74
74
  "vitest": "^3.1.1",
75
- "@univerjs-infra/shared": "0.6.10-alpha.0"
75
+ "@univerjs-infra/shared": "0.6.10"
76
76
  },
77
77
  "scripts": {
78
78
  "test": "vitest run",