@univerjs/drawing-ui 0.17.0 → 0.18.0

package/lib/umd/index.js

@@ -1 +1,32 @@
-(function(y,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("@univerjs/core"),require("@univerjs/drawing"),require("@univerjs/engine-render"),require("@univerjs/ui"),require("react/jsx-runtime"),require("@univerjs/design"),require("react"),require("rxjs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/drawing","@univerjs/engine-render","@univerjs/ui","react/jsx-runtime","@univerjs/design","react","rxjs"],h):(y=typeof globalThis<"u"?globalThis:y||self,h(y.UniverDrawingUi={},y.UniverCore,y.UniverDrawing,y.UniverEngineRender,y.UniverUi,y.React,y.UniverDesign,y.React,y.rxjs))})(this,(function(y,h,D,b,x,f,P,_,te){"use strict";var Tt=Object.defineProperty;var Et=(y,h,D)=>h in y?Tt(y,h,{enumerable:!0,configurable:!0,writable:!0,value:D}):y[h]=D;var F=(y,h,D)=>Et(y,typeof h!="symbol"?h+"":h,D);var de;var R=(s=>(s.default="0",s.left="1",s.center="2",s.right="3",s.top="4",s.middle="5",s.bottom="6",s.horizon="7",s.vertical="8",s))(R||{});const me={id:"sheet.operation.set-image-align",type:h.CommandType.OPERATION,handler:(s,r)=>!0},ve={id:"sheet.operation.open-image-crop",type:h.CommandType.OPERATION,handler:(s,r)=>!0},ee={id:"sheet.operation.close-image-crop",type:h.CommandType.OPERATION,handler:(s,r)=>!0};var H=(s=>(s.FREE="0",s.R1_1="1",s.R16_9="2",s.R9_16="3",s.R5_4="4",s.R4_5="5",s.R4_3="6",s.R3_4="7",s.R3_2="8",s.R2_3="9",s))(H||{});const ce={id:"sheet.operation.Auto-image-crop",type:h.CommandType.OPERATION,handler:(s,r)=>!0},Me={id:"sheet.operation.image-reset-size",type:h.CommandType.OPERATION,handler:(s,r)=>!0};function Oe(s,r,e,t){const n=t.getDrawingByParam(s);if(n==null)return;const i=D.getDrawingShapeKeyByDrawingSearch(s),a=e.getObject(i);if(a&&!(a instanceof b.Group))return;if(a!=null){const l=a.getObjects();for(const g of l)if(g.oKey===r.oKey)return;a.addObject(r);return}const o=new b.DrawingGroupObject(i);e.addObject(o,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(o),o.addObject(r);const{transform:c,groupBaseBound:u}=n;u&&o.setBaseBound(u),c&&o.transformByState({left:c.left,top:c.top,angle:c.angle,width:c.width,height:c.height})}function Te(s,r){var i;const e=r?s.getUnit(r):s.getFocusedUnit();if(e==null)return;const t=e.getUnitId();let n;return e.type===h.UniverInstanceType.UNIVER_SHEET?n=(i=e.getActiveSheet())==null?void 0:i.getSheetId():(e.type===h.UniverInstanceType.UNIVER_DOC||e.type===h.UniverInstanceType.UNIVER_SLIDE)&&(n=t),{unitId:t,subUnitId:n,current:e}}const Ee={name:"@univerjs/drawing-ui",version:"0.17.0"},Fe="drawing-ui.config",Be={},Ue="COMPONENT_IMAGE_POPUP_MENU";function z({ref:s,...r}){const{icon:e,id:t,className:n,extend:i,...a}=r,o=`univerjs-icon univerjs-icon-${t} ${n||""}`.trim(),c=_.useRef(`_${Xe()}`);return Ne(e,`${t}`,{defIds:e.defIds,idSuffix:c.current},{ref:s,className:o,...a},i)}function Ne(s,r,e,t,n){return _.createElement(s.tag,{key:r,...ze(s,e,n),...t},(Ye(s,e).children||[]).map((i,a)=>Ne(i,`${r}-${s.tag}-${a}`,e,void 0,n)))}function ze(s,r,e){const t={...s.attrs};e!=null&&e.colorChannel1&&t.fill==="colorChannel1"&&(t.fill=e.colorChannel1),s.tag==="mask"&&t.id&&(t.id=t.id+r.idSuffix),Object.entries(t).forEach(([i,a])=>{i==="mask"&&typeof a=="string"&&(t[i]=a.replace(/url\(#(.*)\)/,`url(#$1${r.idSuffix})`))});const{defIds:n}=r;return!n||n.length===0||(s.tag==="use"&&t["xlink:href"]&&(t["xlink:href"]=t["xlink:href"]+r.idSuffix),Object.entries(t).forEach(([i,a])=>{typeof a=="string"&&(t[i]=a.replace(/url\(#(.*)\)/,`url(#$1${r.idSuffix})`))})),t}function Ye(s,r){var t;const{defIds:e}=r;return!e||e.length===0?s:s.tag==="defs"&&((t=s.children)!=null&&t.length)?{...s,children:s.children.map(n=>typeof n.attrs.id=="string"&&e&&e.includes(n.attrs.id)?{...n,attrs:{...n.attrs,id:n.attrs.id+r.idSuffix}}:n)}:s}function Xe(){return Math.random().toString(36).substring(2,8)}z.displayName="UniverIcon";const qe={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Pe=_.forwardRef(function(r,e){return _.createElement(z,Object.assign({},r,{id:"bottom-icon",ref:e,icon:qe}))});Pe.displayName="BottomIcon";const Je={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296C9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103C5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103C11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z"}}]},Re=_.forwardRef(function(r,e){return _.createElement(z,Object.assign({},r,{id:"create-copy-icon",ref:e,icon:Je}))});Re.displayName="CreateCopyIcon";const Qe={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z",fillRule:"evenodd",clipRule:"evenodd"}}]},je=_.forwardRef(function(r,e){return _.createElement(z,Object.assign({},r,{id:"group-icon",ref:e,icon:Qe}))});je.displayName="GroupIcon";const et={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ae=_.forwardRef(function(r,e){return _.createElement(z,Object.assign({},r,{id:"more-down-icon",ref:e,icon:et}))});Ae.displayName="MoreDownIcon";const tt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},Le=_.forwardRef(function(r,e){return _.createElement(z,Object.assign({},r,{id:"move-down-icon",ref:e,icon:tt}))});Le.displayName="MoveDownIcon";const rt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},He=_.forwardRef(function(r,e){return _.createElement(z,Object.assign({},r,{id:"move-up-icon",ref:e,icon:rt}))});He.displayName="MoveUpIcon";const nt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z",fillRule:"evenodd",clipRule:"evenodd"}}]},xe=_.forwardRef(function(r,e){return _.createElement(z,Object.assign({},r,{id:"topmost-icon",ref:e,icon:nt}))});xe.displayName="TopmostIcon";const it={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z",fillRule:"evenodd",clipRule:"evenodd"}}]},ke=_.forwardRef(function(r,e){return _.createElement(z,Object.assign({},r,{id:"ungroup-icon",ref:e,icon:it}))});ke.displayName="UngroupIcon";const at={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z",fillRule:"evenodd",clipRule:"evenodd"}}]},$e=_.forwardRef(function(r,e){return _.createElement(z,Object.assign({},r,{id:"autofill-double-icon",ref:e,icon:at}))});$e.displayName="AutofillDoubleIcon";function Ge(s){var m;const{popup:r}=s,e=(m=r==null?void 0:r.extraProps)==null?void 0:m.menuItems;if(!e)return null;const t=x.useDependency(h.ICommandService),n=x.useDependency(h.LocaleService),[i,a]=_.useState(!1),[o,c]=_.useState(!1),u=()=>{c(!0)},l=()=>{c(!1)},g=v=>{a(v)},d=v=>{t.executeCommand(v.commandId,v.commandParams),a(!1)},p=i||o,S=e.filter(v=>!v.disable);return f.jsx("div",{onMouseEnter:u,onMouseLeave:l,children:f.jsx(P.DropdownMenu,{align:"start",items:S.map(v=>({type:"item",children:n.t(v.label),onSelect:()=>d(v)})),open:i,onOpenChange:g,children:f.jsxs("div",{className:P.clsx("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800",P.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":i,"univer-bg-white dark:!univer-bg-gray-900":!i}),children:[f.jsx($e,{className:"univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"}),p&&f.jsx(Ae,{className:"dark:!univer-text-white"})]})})})}var st=Object.getOwnPropertyDescriptor,ot=(s,r,e,t)=>{for(var n=t>1?void 0:t?st(r,e):r,i=s.length-1,a;i>=0;i--)(a=s[i])&&(n=a(n)||n);return n},Ve=(s,r)=>(e,t)=>r(e,t,s);let we=class extends h.Disposable{constructor(s,r){super(),this._componentManager=s,this._commandService=r,this._init()}_initCustomComponents(){const s=this._componentManager;this.disposeWithMe(s.register(Ue,Ge))}_initCommands(){[ve,ee,Me,me,ce].forEach(s=>this.disposeWithMe(this._commandService.registerCommand(s)))}_init(){this._initCommands(),this._initCustomComponents()}};we=ot([Ve(0,h.Inject(x.ComponentManager)),Ve(1,h.ICommandService)],we);function le(s,r){const e=[];return s.forEach(t=>{const{oKey:n,left:i,top:a,height:o,width:c,angle:u}=t,l=r.getDrawingOKey(n);if(l==null)return e.push(null),!0;const{unitId:g,subUnitId:d,drawingId:p,drawingType:S}=l,m={unitId:g,subUnitId:d,drawingId:p,drawingType:S,transform:{left:i,top:a,height:o,width:c,angle:u}};S===h.DrawingTypeEnum.DRAWING_IMAGE&&(m.srcRect=t.srcRect),e.push(m)}),e}var ct=Object.getOwnPropertyDescriptor,lt=(s,r,e,t)=>{for(var n=t>1?void 0:t?ct(r,e):r,i=s.length-1,a;i>=0;i--)(a=s[i])&&(n=a(n)||n);return n},Se=(s,r)=>(e,t)=>r(e,t,s);let _e=class extends h.Disposable{constructor(r,e,t,n){super();F(this,"_sceneListenerOnDrawingMap",new WeakSet);this._currentUniverService=r,this._commandService=e,this._renderManagerService=t,this._drawingManagerService=n,this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._drawingRemoveListener(),this._drawingUpdateListener(),this._commandExecutedListener(),this._drawingArrangeListener(),this._drawingGroupListener(),this._drawingRefreshListener(),this._drawingVisibleListener()}_recoveryImages(){const r=this._drawingManagerService.drawingManagerData,e=Te(this._currentUniverService);if(e==null)return;const{unitId:t,subUnitId:n}=e;Object.keys(r).forEach(i=>{Object.keys(r[i]).forEach(a=>{const o=r[i][a].data;o==null||i!==t||a!==n||Object.keys(o).forEach(c=>{o[c]&&this._insertDrawing([{unitId:i,subUnitId:a,drawingId:c}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id===me.id){const e=r.params;if(e==null)return;this._drawingAlign(e)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(r=>{this._groupDrawings(r)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(r=>{this._ungroupDrawings(r)}))}_getSceneAndTransformerByDrawingSearch(r){if(r==null)return;const e=this._renderManagerService.getRenderById(r),t=e==null?void 0:e.scene;if(t==null)return null;const n=t.getTransformerByCreate();return{scene:t,transformer:n}}_groupDrawings(r){r.forEach(e=>{this._groupDrawing(e)})}_groupDrawing(r){const{parent:e,children:t}=r,{unitId:n,subUnitId:i,drawingId:a}=e,o=this._getSceneAndTransformerByDrawingSearch(e.unitId);if(o==null)return;const{scene:c,transformer:u}=o;this._commandService.syncExecuteCommand(ee.id);const l=[];if(t.forEach(p=>{const S=D.getDrawingShapeKeyByDrawingSearch(p),m=c.getObjectIncludeInGroup(S);if(m==null||l.includes(m))return;l.push(m);const{transform:v}=p;v!=null&&(m.classType===b.RENDER_CLASS_TYPE.GROUP?m.transformByState({left:v.left,top:v.top}):m.transformByState(v))}),l.length===0)return;const g=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:i,drawingId:a}),d=new b.DrawingGroupObject(g);c.addObject(d,b.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(d),d.addObjects(...l),e.groupBaseBound&&d.setBaseBound(e.groupBaseBound),e.transform&&d.transformByState({left:e.transform.left,top:e.transform.top,width:e.transform.width,height:e.transform.height,angle:e.transform.angle}),u.clearSelectedObjects(),u.setSelectedControl(d)}_ungroupDrawings(r){r.forEach(e=>{this._ungroupDrawing(e)})}_ungroupDrawing(r){const{parent:e,children:t}=r,n=this._getSceneAndTransformerByDrawingSearch(e.unitId);if(n==null)return;const{scene:i,transformer:a}=n;t.forEach(g=>{const d=D.getDrawingShapeKeyByDrawingSearch(g),p=i.getObjectIncludeInGroup(d);if(p==null)return!0;if(p==null)return;const{transform:S}=g;S!=null&&(p.classType===b.RENDER_CLASS_TYPE.GROUP?p.transformByState({left:S.left,top:S.top}):p.transformByState(S))});const o=D.getDrawingShapeKeyByDrawingSearch(e),c=i.getObject(o),{width:u,height:l}=c;c.getObjects().forEach(g=>{c.removeSelfObjectAndTransform(g.oKey,u,l)}),c.dispose(),a.clearSelectedObjects()}_drawingAlign(r){const{alignType:e}=r,t=this._drawingManagerService.getFocusDrawings();if(e===R.default)return;const n=[];let i=Number.POSITIVE_INFINITY,a=Number.POSITIVE_INFINITY,o=Number.NEGATIVE_INFINITY,c=Number.NEGATIVE_INFINITY,u=0;t.forEach(l=>{const{unitId:g,subUnitId:d,drawingId:p,drawingType:S}=l,m=this._drawingManagerService.getDrawingByParam({unitId:g,subUnitId:d,drawingId:p});if(m==null||m.transform==null)return;n.push({unitId:g,subUnitId:d,drawingId:p,drawingType:S,transform:m.transform});const{left:v=0,top:C=0,width:I=0,height:O=0}=m.transform;i=Math.min(i,v),a=Math.min(a,C),o=Math.max(o,v+I),c=Math.max(c,C+O),u++}),u!==0&&(this._sortDrawingTransform(n,e),this._applyAlignType(n,e,i,a,o,c,u))}_applyAlignType(r,e,t,n,i,a,o){const c=Math.round((i-t)/o*10)/10,u=Math.round((a-n)/o*10)/10,l=[],g=this._getSceneAndTransformerByDrawingSearch(r[0].unitId);if(g==null)return;const{scene:d,transformer:p}=g;r.forEach((S,m)=>{const{unitId:v,subUnitId:C,drawingId:I,transform:O,drawingType:B}=S,{left:j=0,top:M=0,width:U=0,height:T=0}=O;let N=j,E=M;switch(e){case R.left:N=t;break;case R.center:N=t+(i-t)/2-U/2;break;case R.right:N=i-U;break;case R.top:E=n;break;case R.middle:E=n+(a-n)/2-T/2;break;case R.bottom:E=a-T;break;case R.horizon:N=t+c*m;break;case R.vertical:E=n+u*m;break}(N!==j||E!==M)&&l.push({unitId:v,subUnitId:C,drawingId:I,drawingType:B,transform:{left:N,top:E}})}),this._drawingManagerService.featurePluginUpdateNotification(l),p.refreshControls().changeNotification()}_sortDrawingTransform(r,e){r.sort((t,n)=>{const i=t.transform,a=n.transform,{left:o=0,top:c=0,width:u=0,height:l=0}=i,{left:g=0,top:d=0,width:p=0,height:S=0}=a;switch(e){case R.left:return o-g;case R.center:return o+u/2-(g+p/2);case R.right:return o+u-(g+p);case R.top:return c-d;case R.middle:return c+l/2-(d+S/2);case R.bottom:return c+l-(d+S);case R.horizon:return o+u/2-(g+p/2);case R.vertical:return c+l/2-(d+S/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(r=>{this._drawingArrange(r)}))}_drawingArrange(r){const{unitId:e,subUnitId:t,drawingIds:n}=r,i=this._getSceneAndTransformerByDrawingSearch(e);if(i==null)return;const{scene:a}=i;n.forEach(o=>{const c=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:t,drawingId:o}),u=a.fuzzyMathObjects(c,!0);if(u==null||u.length===0)return;const l=this._drawingManagerService.getDrawingOrder(e,t).indexOf(o);for(const g of u)g.setProps({zIndex:l}),g.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(r=>{this._insertDrawing(r)}))}_insertDrawing(r){const e=[];r.forEach(t=>{const{unitId:n}=t;if(this._drawingManagerService.getDrawingByParam(t)==null)return;const a=this._getSceneAndTransformerByDrawingSearch(n);if(a==null)return;const{scene:o}=a;e.includes(o)||e.push(o)}),e.forEach(t=>{this._sceneListenerOnDrawingMap.has(t)||(this._addListenerOnDrawing(t),this._sceneListenerOnDrawingMap.add(t))})}_drawingRemoveListener(){this.disposeWithMe(this._drawingManagerService.remove$.subscribe(r=>{r.forEach(e=>{var l;const{unitId:t,subUnitId:n,drawingId:i}=e,a=this._getSceneAndTransformerByDrawingSearch(t);if(a==null)return;const{scene:o}=a,c=D.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:n,drawingId:i}),u=o.fuzzyMathObjects(c,!0);if(u.length>0){for(const g of u)g.dispose();(l=o.getTransformer())==null||l.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(r=>{r.forEach(e=>{var U;const{unitId:t,subUnitId:n,drawingId:i}=e,a=this._drawingManagerService.getDrawingByParam(e);if(a==null)return;const{transform:o,drawingType:c}=a,u=this._getSceneAndTransformerByDrawingSearch(t);if(u==null)return;const{scene:l,transformer:g}=u;if(o==null)return!0;const{left:d=0,top:p=0,width:S=0,height:m=0,angle:v=0,flipX:C=!1,flipY:I=!1,skewX:O=0,skewY:B=0}=o,j=D.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:n,drawingId:i}),M=l.getObject(j);if(M==null)return!0;M.transformByState({left:d,top:p,width:S,height:m,angle:v,flipX:C,flipY:I,skewX:O,skewY:B}),(U=l.getTransformer())==null||U.debounceRefreshControls()})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(r=>{r.forEach(e=>{const{unitId:t,subUnitId:n,drawingId:i}=e,a=this._getSceneAndTransformerByDrawingSearch(t);if(a==null)return;const o=this._drawingManagerService.getDrawingByParam(e);if(o==null)return;const{transform:c}=o,{scene:u}=a,l=D.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:n,drawingId:i}),g=u.getObject(l);if(g==null||c==null)return!0;const{left:d=0,top:p=0,width:S=0,height:m=0,angle:v=0,flipX:C=!1,flipY:I=!1,skewX:O=0,skewY:B=0}=c;g.transformByState({left:d,top:p,width:S,height:m,angle:v,flipX:C,flipY:I,skewX:O,skewY:B})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(r=>{r.forEach(e=>{const{unitId:t,subUnitId:n,drawingId:i,visible:a}=e,o=this._getSceneAndTransformerByDrawingSearch(t);if(o==null)return;const{scene:c}=o,u=D.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:n,drawingId:i}),l=c.getObject(u);if(l==null)return!0;a?l.show():l.hide()})}))}_filterUpdateParams(r,e){return r.filter((t,n)=>{if(t==null)return!1;const{transform:i}=t;return h.checkIfMove(i,e==null?void 0:e[n])})}_addListenerOnDrawing(r){const e=r.getTransformerByCreate();let t=null;this.disposeWithMe(h.toDisposable(e.changeStart$.subscribe(n=>{const{objects:i}=n,a=Array.from(i.values()),o=[];t=a.map(c=>{const{left:u,top:l,height:g,width:d,angle:p,oKey:S,isInGroup:m}=c,v=this._drawingManagerService.getDrawingOKey(S);if(m||c instanceof b.Group){let C=c.ancestorGroup;if(C==null&&c instanceof b.Group&&(C=c),C==null)return null;const I=this._drawingManagerService.getDrawingOKey(C.oKey);if(I){const{unitId:O,subUnitId:B,drawingId:j}=I;o.push({unitId:O,subUnitId:B,drawingId:j});const{left:M,top:U,height:T,width:N,angle:E}=C;return{left:M,top:U,height:T,width:N,angle:E}}}else if(v!=null){const{unitId:C,subUnitId:I,drawingId:O}=v;return o.push({unitId:C,subUnitId:I,drawingId:O}),{left:u,top:l,height:g,width:d,angle:p}}return null}).filter(c=>c!=null),o.length>0?this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,o):this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,[])}))),this.disposeWithMe(h.toDisposable(e.changeEnd$.subscribe(n=>{const{objects:i}=n,a=this._filterUpdateParams(le(i,this._drawingManagerService),t);a.length>0&&this._drawingManagerService.featurePluginUpdateNotification(a)})))}};_e=lt([Se(0,h.IUniverInstanceService),Se(1,h.ICommandService),Se(2,b.IRenderManagerService),Se(3,D.IDrawingManagerService)],_e);class ue extends b.Shape{constructor(e,t){t==null&&(t={}),t.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:"rgb(0, 0, 0)",anchorStroke:"rgb(255, 255, 255)",anchorSize:24};super(e,t);F(this,"_srcRect");F(this,"_prstGeom");F(this,"_applyTransform");F(this,"_dragPadding",8);F(this,"_cacheCanvas");t!=null&&t.srcRect&&(this._srcRect=t.srcRect),t!=null&&t.prstGeom&&(this._prstGeom=t.prstGeom),t!=null&&t.applyTransform&&(this._applyTransform=t.applyTransform),t!=null&&t.dragPadding&&(this._dragPadding=t.dragPadding),this._applyProps()}refreshSrcRect(e,t){this._srcRect=e,this._applyTransform=t,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var e;super.dispose(),(e=this._cacheCanvas)==null||e.dispose(),this._srcRect=null}isHit(e){const t=this.getInverseCoord(e);return t.x>=-this.strokeWidth/2&&t.x<=this.width+this.strokeWidth/2&&t.y>=-this.strokeWidth/2&&t.y<=this.height+this.strokeWidth/2&&!this._inSurround(t)}_inSurround(e){const t=this._dragPadding;return e.x>=t-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2-t&&e.y>=t-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2-t}render(e,t){return this.visible?(e.save(),this._draw(e),e.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(e){var c,u;const n=this.getScene().getEngine(),{width:i,height:a}=n;this._initialCacheCanvas(),(c=this._cacheCanvas)==null||c.clear();const o=(u=this._cacheCanvas)==null?void 0:u.getContext();o!=null&&(o.save(),b.Rect.drawWith(o,{left:0,top:0,width:i,height:a,fill:"rgba(0, 0, 0, 0.5)"}),o.setTransform(e.getTransform()),this._clipForApplyObject(o),this._applyCache(e),o.restore())}_clipForApplyObject(e){let t=0;if(this._prstGeom!=null&&(t=1),e.globalCompositeOperation="destination-out",e.beginPath(),t===0){const n=this.transform.getMatrix();e.transform(n[0],n[1],n[2],n[3],n[4],n[5]),e.rect(0,0,this.width,this.height),e.fill()}}_applyProps(){if(this._applyTransform==null)return;let e=0,t=0,n=0,i=0;const{left:a=0,top:o=0,width:c=0,height:u=0,angle:l}=this._applyTransform;if(this._srcRect!=null){const{left:p=0,top:S=0,right:m=0,bottom:v=0}=this._srcRect;e=p,t=S,n=m,i=v}const g=a+e,d=o+t;this.transformByState({left:g,top:d,width:a+c-n-g,height:o+u-i-d,angle:l})}_applyCache(e){if(!e||this._cacheCanvas==null)return;const t=this._cacheCanvas.getContext();t.save(),e.save(),e.setTransform(1,0,0,1,0,0),t.setTransform(1,0,0,1,0,0),e.drawImage(this._cacheCanvas.getCanvasEle(),0,0),e.restore(),t.restore()}_initialCacheCanvas(){if(this._cacheCanvas!=null)return;const e=this.getScene();if(e==null)return;this._cacheCanvas=new b.Canvas;const t=e.getEngine();this._cacheCanvas.setSize(t.width,t.height),t.onTransformChange$.subscribeEvent(()=>{var n;(n=this._cacheCanvas)==null||n.setSize(t.width,t.height),this.makeDirty(!0)})}}var ut=Object.getOwnPropertyDescriptor,gt=(s,r,e,t)=>{for(var n=t>1?void 0:t?ut(r,e):r,i=s.length-1,a;i>=0;i--)(a=s[i])&&(n=a(n)||n);return n},se=(s,r)=>(e,t)=>r(e,t,s);let Ce=class extends h.Disposable{constructor(r,e,t,n,i,a){super();F(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=r,this._drawingManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._messageService=i,this._localeService=a,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id!==ce.id)return;const e=r.params;if(e==null)return;const{cropType:t}=e,n=this._drawingManagerService.getFocusDrawings();if(n.length!==1)return;const i=n[0],{unitId:a,subUnitId:o,drawingId:c}=i,u=this._renderManagerService.getRenderById(a),l=u==null?void 0:u.scene;if(l==null)return!0;this._searchCropObject(l)!=null&&this._commandService.syncExecuteCommand(ee.id,{isAuto:!0});const d=D.getDrawingShapeKeyByDrawingSearch({unitId:a,subUnitId:o,drawingId:c}),p=l.getObject(d);if(!(p instanceof b.Image)){this._messageService.show({type:P.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}p!=null&&(this._updateCropperObject(t,p),this._commandService.executeCommand(ve.id,{unitId:a,subUnitId:o,drawingId:c}))}))}_calculateSrcRectByRatio(r,e,t,n,i,a){const o=t/n,c=i/a;let u=t,l=n;o>c?u=n*c:l=t/c;const g=(t-u)/2,d=(n-l)/2;return{left:b.precisionTo(g,1),top:b.precisionTo(d,1),right:b.precisionTo(t-(g+u),1),bottom:b.precisionTo(n-(d+l),1)}}_updateCropperObject(r,e){const{left:t,top:n,width:i,height:a}=e.calculateTransformWithSrcRect();let o;switch(r){case H.R1_1:o=this._calculateSrcRectByRatio(t,n,i,a,1,1);break;case H.R16_9:o=this._calculateSrcRectByRatio(t,n,i,a,16,9);break;case H.R9_16:o=this._calculateSrcRectByRatio(t,n,i,a,9,16);break;case H.R5_4:o=this._calculateSrcRectByRatio(t,n,i,a,5,4);break;case H.R4_5:o=this._calculateSrcRectByRatio(t,n,i,a,4,5);break;case H.R4_3:o=this._calculateSrcRectByRatio(t,n,i,a,4,3);break;case H.R3_4:o=this._calculateSrcRectByRatio(t,n,i,a,3,4);break;case H.R3_2:o=this._calculateSrcRectByRatio(t,n,i,a,3,2);break;case H.R2_3:o=this._calculateSrcRectByRatio(t,n,i,a,2,3);break;case H.FREE:}if(o==null)return;e.setSrcRect(o);const{left:c=0,top:u=0,bottom:l=0,right:g=0}=o;e.transformByStateCloseCropper({left:t+c,top:n+u,width:i-g-c,height:a-l-u})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(r=>{if(r.id!==ve.id)return;const e=r.params;if(e==null)return;const{unitId:t,subUnitId:n,drawingId:i}=e,a=this._renderManagerService.getRenderById(t),o=a==null?void 0:a.scene;if(o==null)return!0;if(this._sceneListenerOnImageMap.has(o)||(this._addListenerOnImage(o),this._sceneListenerOnImageMap.add(o)),this._drawingManagerService.getDrawingByParam({unitId:t,subUnitId:n,drawingId:i})==null)return;const u=D.getDrawingShapeKeyByDrawingSearch({unitId:t,subUnitId:n,drawingId:i}),l=o.getObject(u);if(l==null)return;if(!(l instanceof b.Image)){this._messageService.show({type:P.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const g=o.getTransformer();g==null||g.clearControls();const d=new ue(`${u}-crop`,{srcRect:l.srcRect,prstGeom:l.prstGeom,applyTransform:l.calculateTransformWithSrcRect()});o.addObject(d,l.getLayerIndex()+1).attachTransformerTo(d),g==null||g.createControlForCopper(d),this._addHoverForImageCopper(d),l.openRenderByCropper(),g==null||g.refreshControls(),d.makeDirty(!0),this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,[{unitId:t,subUnitId:n,drawingId:i}])}))}_searchCropObject(r){const e=r.getAllObjectsByOrder();for(const t of e)if(t instanceof ue)return t}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id!==ee.id)return;const t=this._univerInstanceService.getFocusedUnit();if(t==null)return;const n=t.getUnitId(),i=this._renderManagerService.getRenderById(n),a=i==null?void 0:i.scene;if(a==null)return!0;const o=this._searchCropObject(a);if(o==null)return;const c=this._getApplyObjectByCropObject(o);if(c==null)return;const u=a.getTransformerByCreate();u.detachFrom(o),u.clearCopperControl();const l=this._getSrcRectByTransformState(c,o),g=this._drawingManagerService.getDrawingOKey(c.oKey);if(g!=null){const{left:d,top:p,height:S,width:m}=o;this._drawingManagerService.featurePluginUpdateNotification([{...g,transform:{...g.transform,left:d,top:p,height:S,width:m},srcRect:l.srcRectAngle}])}c.setSrcRect({...l.srcRectAngle}),c.closeRenderByCropper(),c.makeDirty(!0),o==null||o.dispose()}));const r=this._univerInstanceService.getCurrentTypeOfUnit$(h.UniverInstanceType.UNIVER_SHEET).pipe(te.switchMap(e=>e?e.activeSheet$:te.of(null)));this.disposeWithMe(r.subscribe(()=>{this._commandService.syncExecuteCommand(ee.id)}))}_getApplyObjectByCropObject(r){const e=r.oKey,t=e.slice(0,e.length-5),n=r.getScene();if(!n)return null;const i=n.getObject(t);return i==null?null:i}_addListenerOnImage(r){const e=r.getTransformerByCreate();let t=null;this.disposeWithMe(e.changeStart$.subscribe(n=>{const{objects:i}=n,a=i.values().next().value;if(a==null||!(a instanceof ue))return;const{left:o,top:c,height:u,width:l,angle:g}=a;t={left:o,top:c,height:u,width:l,angle:g},e.clearCopperControl()})),this.disposeWithMe(e.changeEnd$.subscribe(n=>{const{objects:i}=n,a=i.values().next().value;if(a==null||!(a instanceof ue))return;const{left:o,top:c,height:u,width:l,angle:g}=a;if(!h.checkIfMove({left:o,top:c,height:u,width:l,angle:g},t))return;const d=this._getApplyObjectByCropObject(a);if(d==null)return;const p=this._getSrcRectByTransformState(d,a);a.refreshSrcRect(p.srcRect,d.getState()),e.createControlForCopper(a)})),this._endCropListener(r)}_addHoverForImageCopper(r){this.disposeWithMe(r.onPointerEnter$.subscribeEvent(()=>{r.cursor=b.CURSOR_TYPE.MOVE})),this.disposeWithMe(r.onPointerLeave$.subscribeEvent(()=>{r.cursor=b.CURSOR_TYPE.DEFAULT}))}_endCropListener(r){const e=r.getTransformerByCreate();this.disposeWithMe(e.clearControl$.subscribe(t=>{t===!0&&this._commandService.syncExecuteCommand(ee.id)}))}_getSrcRectByTransformState(r,e){const{left:t,top:n,height:i,width:a,strokeWidth:o,angle:c}=e,{left:u,top:l,width:g,height:d,angle:p,strokeWidth:S}=r,m=t-u,v=n-l,C={left:m,top:v,right:g-m-a,bottom:d-v-i},I={...C};if(p!==0){const O=t+a/2,B=n+i/2,j=new b.Vector2(O,B),M=g/2+u,U=d/2+l,T=new b.Vector2(M,U),N=new b.Vector2(u,l);N.rotateByPoint(b.degToRad(p),T);const E=N.clone();E.rotateByPoint(b.degToRad(-p),j);const $=t-E.x,L=n-E.y;I.left=$,I.top=L,I.right=g-$-a,I.bottom=d-L-i}return{srcRect:C,srcRectAngle:I}}};Ce=gt([se(0,h.ICommandService),se(1,D.IDrawingManagerService),se(2,b.IRenderManagerService),se(3,h.IUniverInstanceService),se(4,x.IMessageService),se(5,h.Inject(h.LocaleService))],Ce);var dt=Object.getOwnPropertyDescriptor,ht=(s,r,e,t)=>{for(var n=t>1?void 0:t?dt(r,e):r,i=s.length-1,a;i>=0;i--)(a=s[i])&&(n=a(n)||n);return n},ge=(s,r)=>(e,t)=>r(e,t,s);y.DrawingRenderService=class{constructor(r,e,t,n,i){this._drawingManagerService=r,this._imageIoService=e,this._galleryService=t,this._urlImageService=n,this._univerInstanceService=i}async renderImages(r,e){const{transform:t,drawingType:n,source:i,imageSourceType:a,srcRect:o,prstGeom:c,groupId:u,unitId:l,subUnitId:g,drawingId:d,isMultiTransform:p,transforms:S}=r;if(n!==h.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||this._univerInstanceService.getUnitType(l)===h.UniverInstanceType.UNIVER_SHEET&&g!==this._getActiveSheetId()||t==null)return;const m=p&&S?S:[t],v=[];for(const C of m){const{left:I,top:O,width:B,height:j,angle:M,flipX:U,flipY:T,skewX:N,skewY:E}=C,$=m.indexOf(C),L=D.getDrawingShapeKeyByDrawingSearch({unitId:l,subUnitId:g,drawingId:d},p?$:void 0),V=e.getObject(L);if(V!=null){V.transformByState({left:I,top:O,width:B,height:j,angle:M,flipX:U,flipY:T,skewX:N,skewY:E});continue}const X=this._drawingManagerService.getDrawingOrder(l,g),oe=X.indexOf(d),q={...C,zIndex:oe===-1?X.length-1:oe},ne=this._imageIoService.getImageSourceCache(i,a);let ie=!1;if(ne!=null)q.image=ne;else if(a===D.ImageSourceType.UUID)try{q.url=await this._imageIoService.getImage(i)}catch(he){console.error(he);continue}else if(a===D.ImageSourceType.URL){try{q.url=await this._urlImageService.getImage(i)}catch(he){console.error(he),q.url=i}ie=!0}else q.url=i,ie=!0;if(e.getObject(L))continue;q.printable=!0;const J=new b.Image(L,q);ie&&this._imageIoService.addImageSourceCache(i,a,J.getNative()),e.addObject(J,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&e.attachTransformerTo(J),u&&Oe({drawingId:u,unitId:l,subUnitId:g},J,e,this._drawingManagerService),c!=null&&J.setPrstGeom(c),o!=null&&J.setSrcRect(o),v.push(J)}return v}_getActiveSheetId(){var r,e;return(e=(r=this._univerInstanceService.getCurrentUnitOfType(h.UniverInstanceType.UNIVER_SHEET))==null?void 0:r.getActiveSheet())==null?void 0:e.getSheetId()}renderFloatDom(r,e){const{transform:t,drawingType:n,groupId:i,unitId:a,subUnitId:o,drawingId:c,isMultiTransform:u,transforms:l}=r;if(n!==h.DrawingTypeEnum.DRAWING_DOM||!this._drawingManagerService.getDrawingVisible()||t==null)return;const g=u&&l?l:[t],d=[];for(const p of g){const{left:S,top:m,width:v,height:C,angle:I,flipX:O,flipY:B,skewX:j,skewY:M}=p,U=g.indexOf(p),T=D.getDrawingShapeKeyByDrawingSearch({unitId:a,subUnitId:o,drawingId:c},u?U:void 0),N=e.getObject(T);if(N!=null){N.transformByState({left:S,top:m,width:v,height:C,angle:I,flipX:O,flipY:B,skewX:j,skewY:M});continue}const E=this._drawingManagerService.getDrawingOrder(a,o),$=E.indexOf(c),L={...p,zIndex:$===-1?E.length-1:$};if(e.getObject(T))continue;L.printable=!1;const V=new b.Rect(T,L);this._drawingManagerService.getDrawingVisible()&&(e.addObject(V,b.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&r.allowTransform!==!1&&e.attachTransformerTo(V),i&&Oe({drawingId:i,unitId:a,subUnitId:o},V,e,this._drawingManagerService),d.push(V))}return d}renderDrawing(r,e){const t=this._drawingManagerService.getDrawingByParam(r);if(t!=null&&t.drawingType===h.DrawingTypeEnum.DRAWING_IMAGE)return this.renderImages(t,e)}previewImage(r,e,t,n){this._galleryService.open({images:[e],onOpenChange:i=>{i||this._galleryService.close()}})}_adjustImageSize(r,e,t,n){if(r<=t&&e<=n)return{width:r,height:e};const i=t/r,a=n/e,o=Math.min(i,a);return{width:Math.floor(r*o),height:Math.floor(e*o)}}},y.DrawingRenderService=ht([ge(0,D.IDrawingManagerService),ge(1,D.IImageIoService),ge(2,x.IGalleryService),ge(3,h.IURLImageService),ge(4,h.IUniverInstanceService)],y.DrawingRenderService);var ft=Object.getOwnPropertyDescriptor,pt=(s,r,e,t)=>{for(var n=t>1?void 0:t?ft(r,e):r,i=s.length-1,a;i>=0;i--)(a=s[i])&&(n=a(n)||n);return n},re=(s,r)=>(e,t)=>r(e,t,s);let Ie=class extends h.Disposable{constructor(s,r,e,t,n,i,a){super(),this._commandService=s,this._renderManagerService=r,this._drawingManagerService=e,this._dialogService=t,this._imageIoService=n,this._currentUniverService=i,this._drawingRenderService=a,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(s=>{if(s.id===Me.id){const r=s.params;if(r==null)return;this._resetImageSize(r)}}))}_getSceneAndTransformerByDrawingSearch(s){if(s==null)return;const r=this._renderManagerService.getRenderById(s),e=r==null?void 0:r.scene;if(e==null)return null;const t=e.getTransformerByCreate();return{scene:e,transformer:t}}_resetImageSize(s){const r=[],e=[];s.forEach(t=>{const{unitId:n,subUnitId:i,drawingId:a}=t,o=this._getSceneAndTransformerByDrawingSearch(n);if(o==null)return;const{scene:c}=o,u=D.getDrawingShapeKeyByDrawingSearch({unitId:n,subUnitId:i,drawingId:a}),l=c.getObject(u);if(l==null)return!0;const g=this._drawingManagerService.getDrawingByParam(t);if(g==null)return!0;if(g.drawingType!==h.DrawingTypeEnum.DRAWING_IMAGE)return;l.resetSize();const{width:d,height:p}=l.getNativeSize();e.includes(c)===!1&&e.push(c),r.push({...g,transform:{...g.transform,height:p,width:d,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(r),e.forEach(t=>{t.getTransformerByCreate().refreshControls().changeNotification()}),this._commandService.syncExecuteCommand(D.SetDrawingSelectedOperation.id,s)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.pipe(te.bufferTime(33),te.filter(s=>s.length>0),te.map(s=>s.flat()),te.map(s=>{const r=new Map;for(const e of s)r.set(`${e.unitId}|${e.subUnitId}|${e.drawingId}`,e);return[...r.values()]}),te.filter(s=>s.length>0)).subscribe(s=>{this._insertImages(s)}))}_insertImages(s){s.forEach(async r=>{var c;const{unitId:e,subUnitId:t}=r,n=this._getSceneAndTransformerByDrawingSearch(e),i=(c=Te(this._currentUniverService,e))==null?void 0:c.subUnitId;if(n==null||i!==t)return;const a=this._drawingManagerService.getDrawingByParam(r);if(a==null)return;const o=await this._drawingRenderService.renderImages(a,n.scene);if(this._drawingManagerService.refreshTransform([a]),!(o==null||o.length===0))for(const u of o)this._addHoverForImage(u),this._addDialogForImage(u)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(s=>{s.forEach(r=>{const{unitId:e,subUnitId:t,drawingId:n}=r,i=this._drawingManagerService.getDrawingByParam(r);if(i==null)return;const{transform:a,drawingType:o,srcRect:c,prstGeom:u,source:l,imageSourceType:g}=i;if(o!==h.DrawingTypeEnum.DRAWING_IMAGE)return;const d=this._getSceneAndTransformerByDrawingSearch(e);if(d==null)return;const{scene:p,transformer:S}=d;if(a==null)return!0;const m=D.getDrawingShapeKeyByDrawingSearch({unitId:e,subUnitId:t,drawingId:n}),v=p.getObject(m);if(v==null)return!0;v.setSrcRect(c),v.setPrstGeom(u),l!=null&&l.length>0&&(g===h.ImageSourceType.BASE64||g===h.ImageSourceType.URL)&&v.changeSource(l)})}))}_addHoverForImage(s){this.disposeWithMe(h.toDisposable(s.onPointerEnter$.subscribeEvent(()=>{s.cursor=b.CURSOR_TYPE.GRAB}))),this.disposeWithMe(h.toDisposable(s.onPointerLeave$.subscribeEvent(()=>{s.cursor=b.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(s){this.disposeWithMe(h.toDisposable(s.onDblclick$.subscribeEvent(()=>{const r=`${s.oKey}-viewer-dialog`;this._drawingRenderService.previewImage(r,s.getNative().src,s.getNativeSize().width,s.getNativeSize().height)})))}};Ie=pt([re(0,h.ICommandService),re(1,b.IRenderManagerService),re(2,D.IDrawingManagerService),re(3,x.IDialogService),re(4,D.IImageIoService),re(5,h.IUniverInstanceService),re(6,h.Inject(y.DrawingRenderService))],Ie);var mt=Object.getOwnPropertyDescriptor,vt=(s,r,e,t)=>{for(var n=t>1?void 0:t?mt(r,e):r,i=s.length-1,a;i>=0;i--)(a=s[i])&&(n=a(n)||n);return n},We=(s,r)=>(e,t)=>r(e,t,s);y.UniverDrawingUIPlugin=(de=class extends h.Plugin{constructor(r=Be,e,t){super(),this._config=r,this._injector=e,this._configService=t;const{menu:n,...i}=h.merge({},Be,this._config);n&&this._configService.setConfig("menu",n,{merge:!0}),this._configService.setConfig(Fe,i)}onStarting(){this._initDependencies()}onRendered(){this._injector.get(_e),this._injector.get(we),this._injector.get(Ce),this._injector.get(Ie)}_initDependencies(){[[y.DrawingRenderService],[_e],[we],[Ce],[Ie]].forEach(e=>this._injector.add(e))}},F(de,"pluginName","UNIVER_DRAWING_UI_PLUGIN"),F(de,"packageName",Ee.name),F(de,"version",Ee.version),de),y.UniverDrawingUIPlugin=vt([We(1,h.Inject(h.Injector)),We(2,h.IConfigService)],y.UniverDrawingUIPlugin);const wt=s=>{const r=x.useDependency(h.ICommandService),e=x.useDependency(h.LocaleService),{alignShow:t}=s,[n,i]=_.useState(R.default),a=[{label:e.t("image-panel.align.default"),value:R.default},{options:[{label:e.t("image-panel.align.left"),value:R.left},{label:e.t("image-panel.align.center"),value:R.center},{label:e.t("image-panel.align.right"),value:R.right}]},{options:[{label:e.t("image-panel.align.top"),value:R.top},{label:e.t("image-panel.align.middle"),value:R.middle},{label:e.t("image-panel.align.bottom"),value:R.bottom}]},{options:[{label:e.t("image-panel.align.horizon"),value:R.horizon},{label:e.t("image-panel.align.vertical"),value:R.vertical}]}];function o(c){i(c),r.executeCommand(me.id,{alignType:c})}return f.jsxs("div",{className:P.clsx("univer-relative univer-w-full",{"univer-hidden":!t}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:f.jsx("div",{children:e.t("image-panel.align.title")})}),f.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:f.jsx("div",{className:"univer-w-full univer-text-gray-900 dark:!univer-text-white",children:f.jsx(P.Select,{value:n,options:a,onChange:o})})})]})},St=s=>{const{arrangeShow:r,drawings:e}=s,t=x.useDependency(h.LocaleService),n=x.useDependency(D.IDrawingManagerService),[i,a]=_.useState(e);_.useEffect(()=>{const c=n.focus$.subscribe(u=>{a(u)});return()=>{c.unsubscribe()}},[]);const o=c=>{const u=i[0].unitId,l=i[0].subUnitId,g=i.map(d=>d.drawingId);n.featurePluginOrderUpdateNotification({unitId:u,subUnitId:l,drawingIds:g,arrangeType:c})};return f.jsxs("div",{className:P.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!r}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:f.jsx("div",{children:t.t("image-panel.arrange.title")})}),f.jsxs("div",{className:"univer-grid univer-grid-cols-2 univer-gap-2",children:[f.jsxs(P.Button,{onClick:()=>{o(h.ArrangeTypeEnum.forward)},children:[f.jsx(He,{}),t.t("image-panel.arrange.forward")]}),f.jsxs(P.Button,{onClick:()=>{o(h.ArrangeTypeEnum.backward)},children:[f.jsx(Le,{}),t.t("image-panel.arrange.backward")]}),f.jsxs(P.Button,{onClick:()=>{o(h.ArrangeTypeEnum.front)},children:[f.jsx(xe,{}),t.t("image-panel.arrange.front")]}),f.jsxs(P.Button,{onClick:()=>{o(h.ArrangeTypeEnum.back)},children:[f.jsx(Pe,{}),t.t("image-panel.arrange.back")]})]})]})},_t=s=>{const r=x.useDependency(h.LocaleService),e=x.useDependency(b.IRenderManagerService),t=x.useDependency(D.IDrawingManagerService),{hasGroup:n,drawings:i}=s,[a,o]=_.useState(!1),[c,u]=_.useState(!0),[l,g]=_.useState(!0),d=()=>{const m=t.getFocusDrawings(),{unitId:v,subUnitId:C}=m[0],I=h.generateRandomId(10),O=b.getGroupState(0,0,m.map(M=>M.transform||{})),B={unitId:v,subUnitId:C,drawingId:I,drawingType:h.DrawingTypeEnum.DRAWING_GROUP,transform:O,groupBaseBound:{left:O.left,top:O.top,width:O.width,height:O.height}},j=m.map(M=>{const U=M.transform||{left:0,top:0},{unitId:T,subUnitId:N,drawingId:E}=M;return{unitId:T,subUnitId:N,drawingId:E,transform:{...U},groupId:I}});t.featurePluginGroupUpdateNotification([{parent:B,children:j}])},p=m=>{if(m.drawingType!==h.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId:v,subUnitId:C,drawingId:I,transform:O={width:0,height:0},groupBaseBound:B}=m;if(O==null)return;const j=t.getDrawingsByGroup({unitId:v,subUnitId:C,drawingId:I});if(j.length===0)return;const M=j.map(U=>{const{transform:T}=U,{unitId:N,subUnitId:E,drawingId:$}=U,L=b.transformObjectOutOfGroup(T||{},O,O.width||0,O.height||0,B);return{unitId:N,subUnitId:E,drawingId:$,transform:{...T,...L},groupId:void 0}});return{parent:m,children:M}},S=()=>{const v=t.getFocusDrawings().map(C=>p(C)).filter(C=>C!=null);v.length!==0&&t.featurePluginUngroupUpdateNotification(v)};return _.useEffect(()=>{const m=i[0];if(m==null)return;const{unitId:v}=m,C=e.getRenderById(v),I=C==null?void 0:C.scene;if(I==null)return;const O=I.getTransformerByCreate(),B=O.clearControl$.subscribe(M=>{M===!0&&o(!1)}),j=O.changeStart$.subscribe(M=>{const{objects:U}=M,T=le(U,t),N=T.filter(V=>(V==null?void 0:V.drawingType)===h.DrawingTypeEnum.DRAWING_GROUP);let E=!1,$=!1;T.length>1&&(E=!0),N.length>0&&($=!0),o(E||$),u(E),g($)});return()=>{j.unsubscribe(),B.unsubscribe()}},[]),f.jsxs("div",{className:P.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":n===!0&&a===!1||n===!1}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:f.jsx("div",{children:r.t("image-panel.group.title")})}),f.jsxs("div",{className:"univer-flex univer-items-center univer-justify-center univer-gap-2",children:[f.jsxs(P.Button,{className:P.clsx({"univer-hidden":!c}),onClick:d,children:[f.jsx(je,{}),r.t("image-panel.group.group")]}),f.jsxs(P.Button,{className:P.clsx({"univer-hidden":!l}),onClick:S,children:[f.jsx(ke,{}),r.t("image-panel.group.unGroup")]})]})]})},ye=20,be=20,Ke=[-360,360],De=300,Ct=s=>{var Ze;const r=x.useDependency(h.LocaleService),e=x.useDependency(D.IDrawingManagerService),t=x.useDependency(b.IRenderManagerService),{drawings:n,transformShow:i}=s,a=n[0];if(a==null)return;const o=a.transform;if(o==null)return;const{unitId:c,subUnitId:u,drawingId:l,drawingType:g}=a,d=t.getRenderById(c),p=d==null?void 0:d.scene;if(p==null)return;const S=(Ze=p.getEngine())==null?void 0:Ze.activeScene;if(S==null)return;const m=p.getTransformerByCreate(),{width:v=0,height:C=0,left:I=0,top:O=0,angle:B=0}=o,[j,M]=_.useState(v),[U,T]=_.useState(C),[N,E]=_.useState(I),[$,L]=_.useState(O),[V,X]=_.useState(B),[oe,q]=_.useState(m.keepRatio),ne=(w,A,G,W)=>{const{width:k,height:Q}=S,{ancestorLeft:K,ancestorTop:Z}=p;let Y=w,ae=A,fe=G,pe=W;return w+K<0&&(Y=-K),A+Z<0&&(ae=-Z),fe=k-Y-K,fe<ye&&(fe=ye),pe=Q-ae-Z,pe<be&&(pe=be),w+fe+K>k&&(Y=k-G-K),A+pe+Z>Q&&(ae=Q-W-Z),{limitLeft:Y,limitTop:ae,limitWidth:fe,limitHeight:pe}},ie=w=>{const{objects:A}=w,G=le(A,e);if(G.length!==1)return;const W=G[0];if(W==null)return;const{transform:k}=W;if(k==null)return;const{width:Q,height:K,left:Z,top:Y,angle:ae}=k;Q!=null&&M(Q),K!=null&&T(K),Z!=null&&E(Z),Y!=null&&L(Y),ae!=null&&X(ae)};_.useEffect(()=>{const w=[m.changeStart$.subscribe(A=>{ie(A)}),m.changing$.subscribe(A=>{ie(A)}),m.changeEnd$.subscribe(A=>{ie(A)}),e.focus$.subscribe(A=>{if(A.length!==1)return;const G=e.getDrawingByParam(A[0]);if(G==null)return;const W=G.transform;if(W==null)return;const{width:k,height:Q,left:K,top:Z,angle:Y}=W;k!=null&&M(k),Q!=null&&T(Q),K!=null&&E(K),Z!=null&&L(Z),Y!=null&&X(Y)})];return()=>{w.forEach(A=>A.unsubscribe())}},[]);const J=h.debounce(w=>{if(w==null)return;const{limitWidth:A,limitHeight:G}=ne(N,$,w,U);w=Math.min(w,A);const W={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{width:w}};if(oe){let k=w/j*U;if(k=Math.max(k,be),k>G)return;T(k),W.transform.height=k}M(w),e.featurePluginUpdateNotification([W]),m.refreshControls().changeNotification()},De),he=h.debounce(w=>{if(w==null)return;const{limitHeight:A,limitWidth:G}=ne(N,$,j,w);w=Math.min(w,A);const W={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{height:w}};if(oe){let k=w/U*j;if(k=Math.max(k,ye),k>G)return;M(k),W.transform.width=k}T(w),e.featurePluginUpdateNotification([W]),m.refreshControls().changeNotification()},De),bt=h.debounce(w=>{if(w==null)return;const{limitLeft:A}=ne(w,$,j,U);w=A;const G={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{left:w}};E(w),e.featurePluginUpdateNotification([G]),m.refreshControls().changeNotification()},De),Dt=h.debounce(w=>{if(w==null)return;const{limitTop:A}=ne(N,w,j,U);w=A;const G={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{top:w}};L(w),e.featurePluginUpdateNotification([G]),m.refreshControls().changeNotification()},De),Mt=w=>{if(w==null)return;const A={unitId:c,subUnitId:u,drawingId:l,drawingType:g,transform:{angle:w}};X(w),e.featurePluginUpdateNotification([A]),m.refreshControls().changeNotification()},Ot=w=>{q(w),m.keepRatio=w};return f.jsxs("div",{className:P.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!i}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:f.jsx("div",{children:r.t("image-panel.transform.title")})}),f.jsxs("div",{className:"univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.width")}),f.jsx(P.InputNumber,{precision:1,value:j,min:ye,onChange:w=>{J(w)}})]}),f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.height")}),f.jsx(P.InputNumber,{precision:1,value:U,min:be,onChange:w=>{he(w)}})]}),f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.lock")}),f.jsx("div",{className:"univer-text-center",children:f.jsx(P.Checkbox,{checked:oe,onChange:Ot})})]})]}),f.jsxs("div",{className:"univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",children:[f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.x")}),f.jsx(P.InputNumber,{precision:1,value:N,onChange:w=>{bt(w)}})]}),f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.y")}),f.jsx(P.InputNumber,{precision:1,value:$,onChange:w=>{Dt(w)}})]}),f.jsxs("div",{children:[f.jsx("span",{children:r.t("image-panel.transform.rotate")}),f.jsx(P.InputNumber,{precision:1,value:V,min:Ke[0],max:Ke[1],onChange:Mt})]})]})]})},It=s=>{const r=x.useDependency(h.ICommandService),e=x.useDependency(h.LocaleService),{drawings:t,cropperShow:n}=s;if(t[0]==null)return;const[a,o]=_.useState(H.FREE),c=_.useRef(!1),u=[{label:e.t("image-panel.crop.mode"),value:H.FREE},{label:"1:1",value:H.R1_1},{label:"16:9",value:H.R16_9},{label:"9:16",value:H.R9_16},{label:"5:4",value:H.R5_4},{label:"4:5",value:H.R4_5},{label:"4:3",value:H.R4_3},{label:"3:4",value:H.R3_4},{label:"3:2",value:H.R3_2},{label:"2:3",value:H.R2_3}];_.useEffect(()=>{const d=r.onCommandExecuted(p=>{if(p.id===ee.id){const S=p.params;S!=null&&S.isAuto||(c.current=!1)}});return()=>{d==null||d.dispose()}},[]);function l(d){o(d),c.current&&r.executeCommand(ce.id,{cropType:d})}const g=d=>{r.executeCommand(ce.id,{cropType:d}),c.current=!0};return f.jsxs("div",{className:P.clsx("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400",{"univer-hidden":!n}),children:[f.jsx("header",{className:"univer-text-gray-600 dark:!univer-text-gray-200",children:f.jsx("div",{children:e.t("image-panel.crop.title")})}),f.jsxs("div",{className:"univer-flex univer-items-center univer-justify-center univer-gap-2",children:[f.jsxs(P.Button,{onClick:()=>{g(a)},children:[f.jsx(Re,{}),e.t("image-panel.crop.start")]}),f.jsx(P.Select,{value:a,options:u,onChange:l})]})]})},yt=s=>{const r=x.useDependency(D.IDrawingManagerService),e=x.useDependency(b.IRenderManagerService),t=x.useDependency(h.LocaleService),{drawings:n,hasArrange:i=!0,hasTransform:a=!0,hasAlign:o=!0,hasCropper:c=!0,hasGroup:u=!0}=s,l=n[0];if(l==null)return;const{unitId:g}=l,d=e.getRenderById(g),p=d==null?void 0:d.scene;if(p==null)return;const S=p.getTransformerByCreate(),[m,v]=_.useState(!0),[C,I]=_.useState(!0),[O,B]=_.useState(!1),[j,M]=_.useState(!0),[U,T]=_.useState(!1);return _.useEffect(()=>{const N=S.clearControl$.subscribe(L=>{L===!0&&(v(!1),I(!1),B(!1),M(!1),T(!0))}),E=S.changeStart$.subscribe(L=>{const{objects:V}=L,X=le(V,r);X.length===0?(v(!1),I(!1),B(!1),M(!1),T(!0)):X.length===1?(v(!0),I(!0),B(!1),M(!0),T(!1)):(v(!0),I(!1),B(!0),M(!1),T(!1))}),$=r.focus$.subscribe(L=>{L.length===0?(v(!1),I(!1),B(!1),M(!1),T(!0)):L.length===1?(v(!0),I(!0),B(!1),M(!0),T(!1)):(v(!0),I(!1),B(!0),M(!1),T(!1))});return()=>{E.unsubscribe(),N.unsubscribe(),$.unsubscribe()}},[]),f.jsxs(f.Fragment,{children:[f.jsx("div",{className:P.clsx("univer-h-full",{"univer-hidden":!U}),children:f.jsx("div",{className:"univer-flex univer-h-full univer-items-center univer-justify-center",children:f.jsx("span",{children:t.t("image-panel.null")})})}),f.jsx(St,{arrangeShow:i===!0?m:!1,drawings:n}),f.jsx(Ct,{transformShow:a===!0?C:!1,drawings:n}),f.jsx(wt,{alignShow:o===!0?O:!1,drawings:n}),f.jsx(It,{cropperShow:c===!0?j:!1,drawings:n}),f.jsx(_t,{hasGroup:u,drawings:n})]})};y.AutoImageCropOperation=ce,y.COMPONENT_IMAGE_POPUP_MENU=Ue,y.CloseImageCropOperation=ee,y.DrawingCommonPanel=yt,y.ImageCropperObject=ue,y.ImagePopupMenu=Ge,y.ImageResetSizeOperation=Me,y.OpenImageCropOperation=ve,y.SetDrawingAlignOperation=me,y.getCurrentUnitInfo=Te,y.getUpdateParams=le,y.insertGroupObject=Oe,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@univerjs/core`),require(`@univerjs/drawing`),require(`@univerjs/engine-render`),require(`react`),require(`@univerjs/ui`),require(`rxjs`),require(`@univerjs/design`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`@univerjs/core`,`@univerjs/drawing`,`@univerjs/engine-render`,`react`,`@univerjs/ui`,`rxjs`,`@univerjs/design`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.UniverDrawingUi={},e.UniverCore,e.UniverDrawing,e.UniverEngineRender,e.React,e.UniverUi,e.rxjs,e.UniverDesign,e.React))})(this,function(e,t,n,r,i,a,o,s,c){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});let l=function(e){return e.default=`0`,e.left=`1`,e.center=`2`,e.right=`3`,e.top=`4`,e.middle=`5`,e.bottom=`6`,e.horizon=`7`,e.vertical=`8`,e}({}),u={id:`sheet.operation.set-image-align`,type:t.CommandType.OPERATION,handler:(e,t)=>!0},d={id:`sheet.operation.set-drawing-align-left`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(u.id,{alignType:l.left})},f={id:`sheet.operation.set-drawing-align-center`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(u.id,{alignType:l.center})},p={id:`sheet.operation.set-drawing-align-right`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(u.id,{alignType:l.right})},m={id:`sheet.operation.set-drawing-align-top`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(u.id,{alignType:l.top})},h={id:`sheet.operation.set-drawing-align-middle`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(u.id,{alignType:l.middle})},g={id:`sheet.operation.set-drawing-align-bottom`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(u.id,{alignType:l.bottom})},_={id:`sheet.operation.set-drawing-align-horizon`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(u.id,{alignType:l.horizon})},v={id:`sheet.operation.set-drawing-align-vertical`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(u.id,{alignType:l.vertical})},y={id:`drawing.operation.set-drawing-arrange`,type:t.CommandType.OPERATION,handler:(e,t)=>{let r=e.get(n.IDrawingManagerService),{arrangeType:i}=t,a=t.drawings||r.getFocusDrawings(),{unitId:o,subUnitId:s}=a[0],c=a.map(e=>e.drawingId);return r.featurePluginOrderUpdateNotification({unitId:o,subUnitId:s,drawingIds:c,arrangeType:i}),!0}},b={id:`drawing.operation.set-drawing-arrange-front`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(y.id,{arrangeType:t.ArrangeTypeEnum.front})},x={id:`drawing.operation.set-drawing-arrange-forward`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(y.id,{arrangeType:t.ArrangeTypeEnum.forward})},S={id:`drawing.operation.set-drawing-arrange-back`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(y.id,{arrangeType:t.ArrangeTypeEnum.back})},C={id:`drawing.operation.set-drawing-arrange-backward`,type:t.CommandType.OPERATION,handler:e=>e.get(t.ICommandService).syncExecuteCommand(y.id,{arrangeType:t.ArrangeTypeEnum.backward})},w=[t.DrawingTypeEnum.DRAWING_IMAGE,t.DrawingTypeEnum.DRAWING_SHAPE,t.DrawingTypeEnum.DRAWING_GROUP],T={id:`drawing.operation.set-drawing-group`,type:t.CommandType.OPERATION,handler:(e,i)=>{let a=e.get(n.IDrawingManagerService),o=i.drawings||a.getFocusDrawings();if(o.length<2||!o.every(e=>w.includes(e.drawingType)))return!1;let{unitId:s,subUnitId:c}=o[0],l=(0,t.generateRandomId)(10),u=(0,r.getGroupState)(0,0,o.map(e=>e.transform||{})),d={unitId:s,subUnitId:c,drawingId:l,drawingType:t.DrawingTypeEnum.DRAWING_GROUP,transform:u,groupBaseBound:{left:u.left,top:u.top,width:u.width,height:u.height}},f=o.map(e=>{let t=e.transform||{left:0,top:0},{unitId:n,subUnitId:r,drawingId:i}=e;return{unitId:n,subUnitId:r,drawingId:i,transform:{...t},groupId:l}});return a.featurePluginGroupUpdateNotification([{parent:d,children:f}]),!0}},E={id:`drawing.operation.cancel-drawing-group`,type:t.CommandType.OPERATION,handler:(e,i)=>{let a=e.get(n.IDrawingManagerService),o=(i.drawings||a.getFocusDrawings()).map(e=>{if(e.drawingType!==t.DrawingTypeEnum.DRAWING_GROUP)return null;let{unitId:n,subUnitId:i,drawingId:o,transform:s={width:0,height:0},groupBaseBound:c}=e;if(s===null)return null;let l=a.getDrawingsByGroup({unitId:n,subUnitId:i,drawingId:o});return l.length===0?null:{parent:e,children:l.map(e=>{let{transform:t}=e,{unitId:n,subUnitId:i,drawingId:a}=e,o=(0,r.transformObjectOutOfGroup)(t||{},s,s.width||0,s.height||0,c);return{unitId:n,subUnitId:i,drawingId:a,transform:{...t,...o},groupId:void 0}})}}).filter(e=>e!==null);return o.length===0?!1:(a.featurePluginUngroupUpdateNotification(o),!0)}},D={id:`sheet.operation.open-image-crop`,type:t.CommandType.OPERATION,handler:(e,t)=>!0},O={id:`sheet.operation.close-image-crop`,type:t.CommandType.OPERATION,handler:(e,t)=>!0},k=function(e){return e.FREE=`0`,e.R1_1=`1`,e.R16_9=`2`,e.R9_16=`3`,e.R5_4=`4`,e.R4_5=`5`,e.R4_3=`6`,e.R3_4=`7`,e.R3_2=`8`,e.R2_3=`9`,e}({}),A={id:`sheet.operation.Auto-image-crop`,type:t.CommandType.OPERATION,handler:(e,t)=>!0},j={id:`sheet.operation.image-reset-size`,type:t.CommandType.OPERATION,handler:(e,t)=>!0};function M(e,t,i,a){let o=a.getDrawingByParam(e);if(o==null)return;let s=(0,n.getDrawingShapeKeyByDrawingSearch)(e),c=i.getObjectIncludeInGroup(s);if(c&&!(c instanceof r.Group))return;if(c!=null){let e=c.getObjects();for(let n of e)if(n.oKey===t.oKey)return;c.addObject(t);return}let l=new r.DrawingGroupObject(s);i.addObject(l,r.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(l),l.addObject(t);let{transform:u,groupBaseBound:d}=o;d&&l.setBaseBound(d),o.groupId&&(l.isInGroup=!0,M({drawingId:o.groupId,unitId:e.unitId,subUnitId:e.subUnitId},l,i,a)),u&&l.transformByState({left:u.left,top:u.top,angle:u.angle,width:u.width,height:u.height})}function N(e,n){let r=n?e.getUnit(n):e.getFocusedUnit();if(r==null)return;let i=r.getUnitId(),a;if(r.type===t.UniverInstanceType.UNIVER_SHEET){var o;a=(o=r.getActiveSheet())==null?void 0:o.getSheetId()}else (r.type===t.UniverInstanceType.UNIVER_DOC||r.type===t.UniverInstanceType.UNIVER_SLIDE)&&(a=i);return{unitId:i,subUnitId:a,current:r}}var P=`@univerjs/drawing-ui`,F=`0.18.0`;let I=`drawing-ui.config`;Symbol(I);let ee={};function L({ref:e,...t}){let{icon:n,id:r,className:a,extend:o,...s}=t,c=`univerjs-icon univerjs-icon-${r} ${a||``}`.trim(),l=(0,i.useRef)(`_${B()}`);return R(n,`${r}`,{defIds:n.defIds,idSuffix:l.current},{ref:e,className:c,...s},o)}function R(e,t,n,r,a){return(0,i.createElement)(e.tag,{key:t,...te(e,n,a),...r},(z(e,n).children||[]).map((r,i)=>R(r,`${t}-${e.tag}-${i}`,n,void 0,a)))}function te(e,t,n){let r={...e.attrs};n!=null&&n.colorChannel1&&r.fill===`colorChannel1`&&(r.fill=n.colorChannel1),e.tag===`mask`&&r.id&&(r.id+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{e===`mask`&&typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))});let{defIds:i}=t;return!i||i.length===0?r:(e.tag===`use`&&r[`xlink:href`]&&(r[`xlink:href`]+=t.idSuffix),Object.entries(r).forEach(([e,n])=>{typeof n==`string`&&(r[e]=n.replace(/url\(#(.*)\)/,`url(#$1${t.idSuffix})`))}),r)}function z(e,t){var n;let{defIds:r}=t;return!r||r.length===0?e:e.tag===`defs`&&(n=e.children)!=null&&n.length?{...e,children:e.children.map(e=>typeof e.attrs.id==`string`&&r&&r.includes(e.attrs.id)?{...e,attrs:{...e.attrs,id:e.attrs.id+t.idSuffix}}:e)}:e}function B(){return Math.random().toString(36).substring(2,8)}L.displayName=`UniverIcon`;let ne={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946`}}]},re=(0,i.forwardRef)(function(e,t){return(0,i.createElement)(L,Object.assign({},e,{id:`bottom-icon`,ref:t,icon:ne}))});re.displayName=`BottomIcon`;let ie={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296C9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103C5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103C11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z`}}]},ae=(0,i.forwardRef)(function(e,t){return(0,i.createElement)(L,Object.assign({},e,{id:`create-copy-icon`,ref:t,icon:ie}))});ae.displayName=`CreateCopyIcon`;let oe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},se=(0,i.forwardRef)(function(e,t){return(0,i.createElement)(L,Object.assign({},e,{id:`group-icon`,ref:t,icon:oe}))});se.displayName=`GroupIcon`;let ce={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},le=(0,i.forwardRef)(function(e,t){return(0,i.createElement)(L,Object.assign({},e,{id:`more-down-icon`,ref:t,icon:ce}))});le.displayName=`MoreDownIcon`;let ue={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z`}}]},de=(0,i.forwardRef)(function(e,t){return(0,i.createElement)(L,Object.assign({},e,{id:`move-down-icon`,ref:t,icon:ue}))});de.displayName=`MoveDownIcon`;let fe={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z`}}]},pe=(0,i.forwardRef)(function(e,t){return(0,i.createElement)(L,Object.assign({},e,{id:`move-up-icon`,ref:t,icon:fe}))});pe.displayName=`MoveUpIcon`;let me={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},he=(0,i.forwardRef)(function(e,t){return(0,i.createElement)(L,Object.assign({},e,{id:`topmost-icon`,ref:t,icon:me}))});he.displayName=`TopmostIcon`;let ge={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 17 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`currentColor`,d:`M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},_e=(0,i.forwardRef)(function(e,t){return(0,i.createElement)(L,Object.assign({},e,{id:`ungroup-icon`,ref:t,icon:ge}))});_e.displayName=`UngroupIcon`;let ve={tag:`svg`,attrs:{xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 16 16`,width:`1em`,height:`1em`},children:[{tag:`path`,attrs:{fill:`colorChannel1`,d:`M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z`,fillRule:`evenodd`,clipRule:`evenodd`}},{tag:`path`,attrs:{fill:`currentColor`,d:`M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z`,fillRule:`evenodd`,clipRule:`evenodd`}}]},ye=(0,i.forwardRef)(function(e,t){return(0,i.createElement)(L,Object.assign({},e,{id:`autofill-double-icon`,ref:t,icon:ve}))});ye.displayName=`AutofillDoubleIcon`;let be=e=>{let t=e.get(n.IDrawingManagerService);return new o.Observable(e=>{let n=t=>{if(!t||t.length===0||t.length<2)return e.next(!0);e.next(!1)},r=t.focus$.subscribe(t=>{if(!t||t.length===0)return e.next(!0);n(t)});return n(t.getFocusDrawings()),()=>r.unsubscribe()})},xe=`contextMenu.drawing-align`;function Se(e){return{id:xe,type:a.MenuItemType.SUBITEMS,icon:`HorizontallyIcon`,title:`image-panel.align.title`,hidden$:be(e)}}function Ce(){return{id:d.id,type:a.MenuItemType.BUTTON,icon:`LeftJustifyingIcon`,title:`image-panel.align.left`}}function we(){return{id:f.id,type:a.MenuItemType.BUTTON,icon:`HorizontallyIcon`,title:`image-panel.align.center`}}function Te(){return{id:p.id,type:a.MenuItemType.BUTTON,icon:`RightJustifyingIcon`,title:`image-panel.align.right`}}function Ee(){return{id:m.id,type:a.MenuItemType.BUTTON,icon:`AlignTopIcon`,title:`image-panel.align.top`}}function De(){return{id:h.id,type:a.MenuItemType.BUTTON,icon:`VerticalCenterIcon`,title:`image-panel.align.middle`}}function Oe(){return{id:g.id,type:a.MenuItemType.BUTTON,icon:`AlignBottomIcon`,title:`image-panel.align.bottom`}}function ke(){return{id:_.id,type:a.MenuItemType.BUTTON,icon:`HorizontallyIcon`,title:`image-panel.align.horizon`}}function Ae(){return{id:v.id,type:a.MenuItemType.BUTTON,icon:`VerticalCenterIcon`,title:`image-panel.align.vertical`}}let je=`contextMenu.drawing-arrange`;function Me(){return{id:je,type:a.MenuItemType.SUBITEMS,icon:`TopmostIcon`,title:`image-panel.arrange.title`}}function Ne(){return{id:b.id,type:a.MenuItemType.BUTTON,icon:`TopmostIcon`,title:`image-panel.arrange.front`}}function Pe(){return{id:x.id,type:a.MenuItemType.BUTTON,icon:`MoveUpIcon`,title:`image-panel.arrange.forward`}}function Fe(){return{id:S.id,type:a.MenuItemType.BUTTON,icon:`BottomIcon`,title:`image-panel.arrange.back`}}function Ie(){return{id:C.id,type:a.MenuItemType.BUTTON,icon:`MoveDownIcon`,title:`image-panel.arrange.backward`}}let Le=(e,r)=>{let i=e.get(n.IDrawingManagerService);return new o.Observable(e=>{let n=n=>{if(!n||n.length===0)return e.next(!0);if(r===`group`){if(n.length<2||!n.every(e=>w.includes(e.drawingType)))return e.next(!0)}else if(r===`unGroup`){if(n.filter(e=>e.drawingType===t.DrawingTypeEnum.DRAWING_GROUP).length===0)return e.next(!0)}else if(!n.every(e=>w.includes(e.drawingType)))return e.next(!0);e.next(!1)},a=i.focus$.subscribe(t=>{if(!t||t.length===0)return e.next(!0);n(t)});return n(i.getFocusDrawings()),()=>a.unsubscribe()})},Re=`contextMenu.drawing-group`;function ze(e){return{id:Re,type:a.MenuItemType.SUBITEMS,icon:`GroupIcon`,title:`image-panel.group.title`,hidden$:Le(e)}}function Be(e){return{id:T.id,type:a.MenuItemType.BUTTON,icon:`GroupIcon`,title:`image-panel.group.group`,disabled$:Le(e,`group`)}}function Ve(e){return{id:E.id,type:a.MenuItemType.BUTTON,icon:`UngroupIcon`,title:`image-panel.group.unGroup`,disabled$:Le(e,`unGroup`)}}let He={[a.ContextMenuPosition.DRAWING]:{[a.ContextMenuGroup.OTHERS]:{[Re]:{order:1,menuItemFactory:ze,[T.id]:{order:0,menuItemFactory:Be},[E.id]:{order:1,menuItemFactory:Ve}},[je]:{order:2,menuItemFactory:Me,[b.id]:{order:0,menuItemFactory:Ne},[x.id]:{order:1,menuItemFactory:Pe},[S.id]:{order:2,menuItemFactory:Fe},[C.id]:{order:3,menuItemFactory:Ie}},[xe]:{order:3,menuItemFactory:Se,[d.id]:{order:0,menuItemFactory:Ce},[f.id]:{order:1,menuItemFactory:we},[p.id]:{order:2,menuItemFactory:Te},[m.id]:{order:3,menuItemFactory:Ee},[h.id]:{order:4,menuItemFactory:De},[g.id]:{order:5,menuItemFactory:Oe},[_.id]:{order:6,menuItemFactory:ke},[v.id]:{order:7,menuItemFactory:Ae}}}}},Ue=`COMPONENT_IMAGE_POPUP_MENU`;function We(e){var n;let{popup:r}=e,o=r==null||(n=r.extraProps)==null?void 0:n.menuItems;if(!o)return null;let l=(0,a.useDependency)(t.ICommandService),u=(0,a.useDependency)(t.LocaleService),[d,f]=(0,i.useState)(!1),[p,m]=(0,i.useState)(!1),h=()=>{m(!0)},g=()=>{m(!1)},_=e=>{f(e)},v=e=>{l.executeCommand(e.commandId,e.commandParams),f(!1)},y=d||p;return(0,c.jsx)(`div`,{onMouseEnter:h,onMouseLeave:g,children:(0,c.jsx)(s.DropdownMenu,{align:`start`,items:o.filter(e=>!e.disable).map(e=>({type:`item`,children:u.t(e.label),onSelect:()=>v(e)})),open:d,onOpenChange:_,children:(0,c.jsxs)(`div`,{className:(0,s.clsx)(`
+                      univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1
+                      hover:univer-bg-gray-100
+                      dark:hover:!univer-bg-gray-800
+                    `,s.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":d,"univer-bg-white dark:!univer-bg-gray-900":!d}),children:[(0,c.jsx)(ye,{className:`
+                          univer-fill-primary-600 univer-text-gray-900
+                          dark:!univer-text-white
+                        `}),y&&(0,c.jsx)(le,{className:`dark:!univer-text-white`})]})})})}function V(e,t){return function(n,r){t(n,r,e)}}function H(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let U=class extends t.Disposable{constructor(e,t,n){super(),this._componentManager=e,this._commandService=t,this._menuManagerService=n,this._init()}_init(){this._initMenus(),this._initCommands(),this._initComponents()}_initMenus(){this._menuManagerService.mergeMenu(He)}_initCommands(){[D,O,j,u,d,f,p,m,h,g,_,v,A,T,E,y,b,x,S,C].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initComponents(){[[Ue,We],[`BottomIcon`,re],[`GroupIcon`,se],[`MoveDownIcon`,de],[`MoveUpIcon`,pe],[`TopmostIcon`,he],[`UngroupIcon`,_e]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))})}};U=H([V(0,(0,t.Inject)(a.ComponentManager)),V(1,t.ICommandService),V(2,a.IMenuManagerService)],U);function W(e,n){let r=[];return e.forEach(e=>{let{oKey:i,left:a,top:o,height:s,width:c,angle:l}=e,u=n.getDrawingOKey(i);if(u==null)return r.push(null),!0;let{unitId:d,subUnitId:f,drawingId:p,drawingType:m}=u,h={unitId:d,subUnitId:f,drawingId:p,drawingType:m,transform:{left:a,top:o,height:s,width:c,angle:l}};m===t.DrawingTypeEnum.DRAWING_IMAGE&&(h.srcRect=e.srcRect),r.push(h)}),r}function G(e){"@babel/helpers - typeof";return G=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},G(e)}function Ge(e,t){if(G(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(G(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Ke(e){var t=Ge(e,`string`);return G(t)==`symbol`?t:t+``}function K(e,t,n){return(t=Ke(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}let q=class extends t.Disposable{constructor(e,t,n,r){super(),this._currentUniverService=e,this._commandService=t,this._renderManagerService=n,this._drawingManagerService=r,K(this,`_sceneListenerOnDrawingMap`,new WeakSet),this._initialize()}dispose(){super.dispose()}_initialize(){this._recoveryImages(),this._drawingAddListener(),this._drawingRemoveListener(),this._drawingUpdateListener(),this._commandExecutedListener(),this._drawingArrangeListener(),this._drawingGroupListener(),this._drawingRefreshListener(),this._drawingVisibleListener()}_recoveryImages(){let e=this._drawingManagerService.drawingManagerData,t=N(this._currentUniverService);if(t==null)return;let{unitId:n,subUnitId:r}=t;Object.keys(e).forEach(t=>{Object.keys(e[t]).forEach(i=>{let a=e[t][i].data;a==null||t!==n||i!==r||Object.keys(a).forEach(e=>{a[e]&&this._insertDrawing([{unitId:t,subUnitId:i,drawingId:e}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id===u.id){let t=e.params;if(t==null)return;this._drawingAlign(t)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(e=>{this._groupDrawings(e)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(e=>{this._ungroupDrawings(e)}))}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;let t=this._renderManagerService.getRenderById(e),n=t==null?void 0:t.scene;return n==null?null:{scene:n,transformer:n.getTransformerByCreate()}}_groupDrawings(e){e.forEach(e=>{this._groupDrawing(e)})}_groupDrawing(e){let{parent:t,children:i}=e,{unitId:a,subUnitId:o,drawingId:s}=t,c=this._getSceneAndTransformerByDrawingSearch(t.unitId);if(c==null)return;let{scene:l,transformer:u}=c;this._commandService.syncExecuteCommand(O.id);let d=[];if(i.forEach(e=>{let t=(0,n.getDrawingShapeKeyByDrawingSearch)(e),i=l.getObjectIncludeInGroup(t);if(i==null||d.includes(i))return;d.push(i);let{transform:a}=e;a!=null&&(i.classType===r.RENDER_CLASS_TYPE.GROUP?i.transformByState({left:a.left,top:a.top}):i.transformByState(a))}),d.length===0)return;let f=new r.DrawingGroupObject((0,n.getDrawingShapeKeyByDrawingSearch)({unitId:a,subUnitId:o,drawingId:s}));l.addObject(f,r.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(f),f.addObjects(...d),t.groupBaseBound&&f.setBaseBound(t.groupBaseBound),t.groupId&&(f.isInGroup=!0,M({drawingId:t.groupId,unitId:a,subUnitId:o},f,l,this._drawingManagerService)),t.transform&&f.transformByState({left:t.transform.left,top:t.transform.top,width:t.transform.width,height:t.transform.height,angle:t.transform.angle}),u.clearSelectedObjects(),u.setSelectedControl(f)}_ungroupDrawings(e){e.forEach(e=>{this._ungroupDrawing(e)})}_ungroupDrawing(e){let{parent:t,children:i}=e,a=this._getSceneAndTransformerByDrawingSearch(t.unitId);if(a==null)return;let{scene:o,transformer:s}=a;i.forEach(e=>{let t=(0,n.getDrawingShapeKeyByDrawingSearch)(e),i=o.getObjectIncludeInGroup(t);if(i==null)return!0;if(i==null)return;let{transform:a}=e;a!=null&&(i.classType===r.RENDER_CLASS_TYPE.GROUP?i.transformByState({left:a.left,top:a.top}):i.transformByState(a))});let c=(0,n.getDrawingShapeKeyByDrawingSearch)(t),l=o.getObject(c),{width:u,height:d}=l;l.getObjects().forEach(e=>{l.removeSelfObjectAndTransform(e.oKey,u,d)}),l.dispose(),s.clearSelectedObjects()}_drawingAlign(e){let{alignType:t}=e,n=e.drawings||this._drawingManagerService.getFocusDrawings();if(t===l.default)return;let r=[],i=1/0,a=1/0,o=-1/0,s=-1/0,c=0;n.forEach(e=>{let{unitId:t,subUnitId:n,drawingId:l,drawingType:u}=e,d=this._drawingManagerService.getDrawingByParam({unitId:t,subUnitId:n,drawingId:l});if(d==null||d.transform==null)return;r.push({unitId:t,subUnitId:n,drawingId:l,drawingType:u,transform:d.transform});let{left:f=0,top:p=0,width:m=0,height:h=0}=d.transform;i=Math.min(i,f),a=Math.min(a,p),o=Math.max(o,f+m),s=Math.max(s,p+h),c++}),c!==0&&(this._sortDrawingTransform(r,t),this._applyAlignType(r,t,i,a,o,s,c))}_applyAlignType(e,t,n,r,i,a,o){let s=Math.round((i-n)/o*10)/10,c=Math.round((a-r)/o*10)/10,u=[],d=this._getSceneAndTransformerByDrawingSearch(e[0].unitId);if(d==null)return;let{scene:f,transformer:p}=d;e.forEach((e,o)=>{let{unitId:d,subUnitId:f,drawingId:p,transform:m,drawingType:h}=e,{left:g=0,top:_=0,width:v=0,height:y=0}=m,b=g,x=_;switch(t){case l.left:b=n;break;case l.center:b=n+(i-n)/2-v/2;break;case l.right:b=i-v;break;case l.top:x=r;break;case l.middle:x=r+(a-r)/2-y/2;break;case l.bottom:x=a-y;break;case l.horizon:b=n+s*o;break;case l.vertical:x=r+c*o;break;default:break}(b!==g||x!==_)&&u.push({unitId:d,subUnitId:f,drawingId:p,drawingType:h,transform:{left:b,top:x}})}),this._drawingManagerService.featurePluginUpdateNotification(u),p.refreshControls().changeNotification()}_sortDrawingTransform(e,t){e.sort((e,n)=>{let r=e.transform,i=n.transform,{left:a=0,top:o=0,width:s=0,height:c=0}=r,{left:u=0,top:d=0,width:f=0,height:p=0}=i;switch(t){case l.left:return a-u;case l.center:return a+s/2-(u+f/2);case l.right:return a+s-(u+f);case l.top:return o-d;case l.middle:return o+c/2-(d+p/2);case l.bottom:return o+c-(d+p);case l.horizon:return a+s/2-(u+f/2);case l.vertical:return o+c/2-(d+p/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(e=>{this._drawingArrange(e)}))}_drawingArrange(e){let{unitId:t,subUnitId:r,drawingIds:i}=e,a=this._getSceneAndTransformerByDrawingSearch(t);if(a==null)return;let{scene:o}=a;i.forEach(e=>{let i=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:t,subUnitId:r,drawingId:e}),a=o.fuzzyMathObjects(i,!0);if(a==null||a.length===0)return;let s=this._drawingManagerService.getDrawingOrder(t,r).indexOf(e);for(let e of a)e.setProps({zIndex:s}),e.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(e=>{this._insertDrawing(e)}))}_insertDrawing(e){let t=[];e.forEach(e=>{let{unitId:n}=e;if(this._drawingManagerService.getDrawingByParam(e)==null)return;let r=this._getSceneAndTransformerByDrawingSearch(n);if(r==null)return;let{scene:i}=r;t.includes(i)||t.push(i)}),t.forEach(e=>{this._sceneListenerOnDrawingMap.has(e)||(this._addListenerOnDrawing(e),this._sceneListenerOnDrawingMap.add(e))})}_drawingRemoveListener(){this.disposeWithMe(this._drawingManagerService.remove$.subscribe(e=>{e.forEach(e=>{let{unitId:t,subUnitId:r,drawingId:i}=e,a=this._getSceneAndTransformerByDrawingSearch(t);if(a==null)return;let{scene:o}=a,s=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:t,subUnitId:r,drawingId:i}),c=o.fuzzyMathObjects(s,!0);if(c.length>0){var l;for(let e of c)e.dispose();(l=o.getTransformer())==null||l.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(e=>{e.forEach(e=>{var t;let{unitId:r,subUnitId:i,drawingId:a}=e,o=this._drawingManagerService.getDrawingByParam(e);if(o==null)return;let{transform:s,drawingType:c}=o,l=this._getSceneAndTransformerByDrawingSearch(r);if(l==null)return;let{scene:u,transformer:d}=l;if(s==null)return!0;let{left:f=0,top:p=0,width:m=0,height:h=0,angle:g=0,flipX:_=!1,flipY:v=!1,skewX:y=0,skewY:b=0}=s,x=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:r,subUnitId:i,drawingId:a}),S=u.getObject(x);if(S==null)return!0;S.transformByState({left:f,top:p,width:m,height:h,angle:g,flipX:_,flipY:v,skewX:y,skewY:b}),(t=u.getTransformer())==null||t.debounceRefreshControls()})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(e=>{e.forEach(e=>{let{unitId:t,subUnitId:r,drawingId:i}=e,a=this._getSceneAndTransformerByDrawingSearch(t);if(a==null)return;let o=this._drawingManagerService.getDrawingByParam(e);if(o==null)return;let{transform:s}=o,{scene:c}=a,l=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:t,subUnitId:r,drawingId:i}),u=c.getObject(l);if(u==null||s==null)return!0;let{left:d=0,top:f=0,width:p=0,height:m=0,angle:h=0,flipX:g=!1,flipY:_=!1,skewX:v=0,skewY:y=0}=s;u.transformByState({left:d,top:f,width:p,height:m,angle:h,flipX:g,flipY:_,skewX:v,skewY:y})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(e=>{e.forEach(e=>{let{unitId:t,subUnitId:r,drawingId:i,visible:a}=e,o=this._getSceneAndTransformerByDrawingSearch(t);if(o==null)return;let{scene:s}=o,c=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:t,subUnitId:r,drawingId:i}),l=s.getObject(c);if(l==null)return!0;a?l.show():l.hide()})}))}_filterUpdateParams(e,n){return e.filter((e,r)=>{if(e==null)return!1;let{transform:i}=e;return(0,t.checkIfMove)(i,n==null?void 0:n[r])})}_addListenerOnDrawing(e){let i=e.getTransformerByCreate(),a=null;this.disposeWithMe((0,t.toDisposable)(i.changeStart$.subscribe(e=>{let{objects:t}=e,i=Array.from(t.values()),o=[];a=i.map(e=>{let{left:t,top:n,height:i,width:a,angle:s,oKey:c,isInGroup:l}=e,u=this._drawingManagerService.getDrawingOKey(c);if(l||e instanceof r.Group){let t=e.ancestorGroup;if(t==null&&e instanceof r.Group&&(t=e),t==null)return null;let n=this._drawingManagerService.getDrawingOKey(t.oKey);if(n){let{unitId:e,subUnitId:r,drawingId:i}=n;o.push({unitId:e,subUnitId:r,drawingId:i});let{left:a,top:s,height:c,width:l,angle:u}=t;return{left:a,top:s,height:c,width:l,angle:u}}}else if(u!=null){let{unitId:e,subUnitId:r,drawingId:c}=u;return o.push({unitId:e,subUnitId:r,drawingId:c}),{left:t,top:n,height:i,width:a,angle:s}}return null}).filter(e=>e!=null),o.length>0?this._commandService.syncExecuteCommand(n.SetDrawingSelectedOperation.id,o):this._commandService.syncExecuteCommand(n.SetDrawingSelectedOperation.id,[])}))),this.disposeWithMe((0,t.toDisposable)(i.changeEnd$.subscribe(e=>{let{objects:t}=e,n=this._filterUpdateParams(W(t,this._drawingManagerService),a);n.length>0&&this._drawingManagerService.featurePluginUpdateNotification(n)})))}};q=H([V(0,t.IUniverInstanceService),V(1,t.ICommandService),V(2,r.IRenderManagerService),V(3,n.IDrawingManagerService)],q);var J=function(e){return e[e.RECT=0]=`RECT`,e[e.PATH=1]=`PATH`,e}(J||{}),Y=class extends r.Shape{constructor(e,t){t==null&&(t={}),t.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:`rgb(0, 0, 0)`,anchorStroke:`rgb(255, 255, 255)`,anchorSize:24},super(e,t),K(this,`_srcRect`,void 0),K(this,`_prstGeom`,void 0),K(this,`_applyTransform`,void 0),K(this,`_dragPadding`,8),K(this,`_cacheCanvas`,void 0),t!=null&&t.srcRect&&(this._srcRect=t.srcRect),t!=null&&t.prstGeom&&(this._prstGeom=t.prstGeom),t!=null&&t.applyTransform&&(this._applyTransform=t.applyTransform),t!=null&&t.dragPadding&&(this._dragPadding=t.dragPadding),this._applyProps()}refreshSrcRect(e,t){this._srcRect=e,this._applyTransform=t,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var e;super.dispose(),(e=this._cacheCanvas)==null||e.dispose(),this._srcRect=null}isHit(e){let t=this.getInverseCoord(e);return t.x>=-this.strokeWidth/2&&t.x<=this.width+this.strokeWidth/2&&t.y>=-this.strokeWidth/2&&t.y<=this.height+this.strokeWidth/2&&!this._inSurround(t)}_inSurround(e){let t=this._dragPadding;return e.x>=t-this.strokeWidth/2&&e.x<=this.width+this.strokeWidth/2-t&&e.y>=t-this.strokeWidth/2&&e.y<=this.height+this.strokeWidth/2-t}render(e,t){return this.visible?(e.save(),this._draw(e),e.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(e){var t,n;let{width:i,height:a}=this.getScene().getEngine();this._initialCacheCanvas(),(t=this._cacheCanvas)==null||t.clear();let o=(n=this._cacheCanvas)==null?void 0:n.getContext();o!=null&&(o.save(),r.Rect.drawWith(o,{left:0,top:0,width:i,height:a,fill:`rgba(0, 0, 0, 0.5)`}),o.setTransform(e.getTransform()),this._clipForApplyObject(o),this._applyCache(e),o.restore())}_clipForApplyObject(e){let t=J.RECT;if(this._prstGeom!=null&&(t=J.PATH),e.globalCompositeOperation=`destination-out`,e.beginPath(),t===J.RECT){let t=this.transform.getMatrix();e.transform(t[0],t[1],t[2],t[3],t[4],t[5]),e.rect(0,0,this.width,this.height),e.fill()}}_applyProps(){if(this._applyTransform==null)return;let e=0,t=0,n=0,r=0,{left:i=0,top:a=0,width:o=0,height:s=0,angle:c}=this._applyTransform;if(this._srcRect!=null){let{left:i=0,top:a=0,right:o=0,bottom:s=0}=this._srcRect;e=i,t=a,n=o,r=s}let l=i+e,u=a+t;this.transformByState({left:l,top:u,width:i+o-n-l,height:a+s-r-u,angle:c})}_applyCache(e){if(!e||this._cacheCanvas==null)return;let t=this._cacheCanvas.getContext();t.save(),e.save(),e.setTransform(1,0,0,1,0,0),t.setTransform(1,0,0,1,0,0),e.drawImage(this._cacheCanvas.getCanvasEle(),0,0),e.restore(),t.restore()}_initialCacheCanvas(){if(this._cacheCanvas!=null)return;let e=this.getScene();if(e==null)return;this._cacheCanvas=new r.Canvas;let t=e.getEngine();this._cacheCanvas.setSize(t.width,t.height),t.onTransformChange$.subscribeEvent(()=>{var e;(e=this._cacheCanvas)==null||e.setSize(t.width,t.height),this.makeDirty(!0)})}};let X=class extends t.Disposable{constructor(e,t,n,r,i,a){super(),this._commandService=e,this._drawingManagerService=t,this._renderManagerService=n,this._univerInstanceService=r,this._messageService=i,this._localeService=a,K(this,`_sceneListenerOnImageMap`,new WeakSet),this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id!==A.id)return;let t=e.params;if(t==null)return;let{cropType:i}=t,a=this._drawingManagerService.getFocusDrawings();if(a.length!==1)return;let{unitId:o,subUnitId:c,drawingId:l}=a[0],u=this._renderManagerService.getRenderById(o),d=u==null?void 0:u.scene;if(d==null)return!0;this._searchCropObject(d)!=null&&this._commandService.syncExecuteCommand(O.id,{isAuto:!0});let f=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:o,subUnitId:c,drawingId:l}),p=d.getObject(f);if(!(p instanceof r.Image)){this._messageService.show({type:s.MessageType.Error,content:this._localeService.t(`image-cropper.error`)});return}p!=null&&(this._updateCropperObject(i,p),this._commandService.executeCommand(D.id,{unitId:o,subUnitId:c,drawingId:l}))}))}_calculateSrcRectByRatio(e,t,n,i,a,o){let s=n/i,c=a/o,l=n,u=i;s>c?l=i*c:u=n/c;let d=(n-l)/2,f=(i-u)/2;return{left:(0,r.precisionTo)(d,1),top:(0,r.precisionTo)(f,1),right:(0,r.precisionTo)(n-(d+l),1),bottom:(0,r.precisionTo)(i-(f+u),1)}}_updateCropperObject(e,t){let{left:n,top:r,width:i,height:a}=t.calculateTransformWithSrcRect(),o;switch(e){case k.R1_1:o=this._calculateSrcRectByRatio(n,r,i,a,1,1);break;case k.R16_9:o=this._calculateSrcRectByRatio(n,r,i,a,16,9);break;case k.R9_16:o=this._calculateSrcRectByRatio(n,r,i,a,9,16);break;case k.R5_4:o=this._calculateSrcRectByRatio(n,r,i,a,5,4);break;case k.R4_5:o=this._calculateSrcRectByRatio(n,r,i,a,4,5);break;case k.R4_3:o=this._calculateSrcRectByRatio(n,r,i,a,4,3);break;case k.R3_4:o=this._calculateSrcRectByRatio(n,r,i,a,3,4);break;case k.R3_2:o=this._calculateSrcRectByRatio(n,r,i,a,3,2);break;case k.R2_3:o=this._calculateSrcRectByRatio(n,r,i,a,2,3);break;case k.FREE:default:break}if(o==null)return;t.setSrcRect(o);let{left:s=0,top:c=0,bottom:l=0,right:u=0}=o;t.transformByStateCloseCropper({left:n+s,top:r+c,width:i-u-s,height:a-l-c})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id!==D.id)return;let t=e.params;if(t==null)return;let{unitId:i,subUnitId:a,drawingId:o}=t,c=this._renderManagerService.getRenderById(i),l=c==null?void 0:c.scene;if(l==null)return!0;if(this._sceneListenerOnImageMap.has(l)||(this._addListenerOnImage(l),this._sceneListenerOnImageMap.add(l)),this._drawingManagerService.getDrawingByParam({unitId:i,subUnitId:a,drawingId:o})==null)return;let u=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:i,subUnitId:a,drawingId:o}),d=l.getObject(u);if(d==null)return;if(!(d instanceof r.Image)){this._messageService.show({type:s.MessageType.Error,content:this._localeService.t(`image-cropper.error`)});return}let f=l.getTransformer();f==null||f.clearControls();let p=new Y(`${u}-crop`,{srcRect:d.srcRect,prstGeom:d.prstGeom,applyTransform:d.calculateTransformWithSrcRect()});l.addObject(p,d.getLayerIndex()+1).attachTransformerTo(p),f==null||f.createControlForCopper(p),this._addHoverForImageCopper(p),d.openRenderByCropper(),f==null||f.refreshControls(),p.makeDirty(!0),this._commandService.syncExecuteCommand(n.SetDrawingSelectedOperation.id,[{unitId:i,subUnitId:a,drawingId:o}])}))}_searchCropObject(e){let t=e.getAllObjectsByOrder();for(let e of t)if(e instanceof Y)return e}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id!==O.id)return;let t=this._univerInstanceService.getFocusedUnit();if(t==null)return;let n=t.getUnitId(),r=this._renderManagerService.getRenderById(n),i=r==null?void 0:r.scene;if(i==null)return!0;let a=this._searchCropObject(i);if(a==null)return;let o=this._getApplyObjectByCropObject(a);if(o==null)return;let s=i.getTransformerByCreate();s.detachFrom(a),s.clearCopperControl();let c=this._getSrcRectByTransformState(o,a),l=this._drawingManagerService.getDrawingOKey(o.oKey);if(l!=null){let{left:e,top:t,height:n,width:r}=a;this._drawingManagerService.featurePluginUpdateNotification([{...l,transform:{...l.transform,left:e,top:t,height:n,width:r},srcRect:c.srcRectAngle}])}o.setSrcRect({...c.srcRectAngle}),o.closeRenderByCropper(),o.makeDirty(!0),a==null||a.dispose()}));let e=this._univerInstanceService.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_SHEET).pipe((0,o.switchMap)(e=>e?e.activeSheet$:(0,o.of)(null)));this.disposeWithMe(e.subscribe(()=>{this._commandService.syncExecuteCommand(O.id)}))}_getApplyObjectByCropObject(e){let t=e.oKey,n=t.slice(0,t.length-5),r=e.getScene();if(!r)return null;let i=r.getObject(n);return i==null?null:i}_addListenerOnImage(e){let n=e.getTransformerByCreate(),r=null;this.disposeWithMe(n.changeStart$.subscribe(e=>{let{objects:t}=e,i=t.values().next().value;if(i==null||!(i instanceof Y))return;let{left:a,top:o,height:s,width:c,angle:l}=i;r={left:a,top:o,height:s,width:c,angle:l},n.clearCopperControl()})),this.disposeWithMe(n.changeEnd$.subscribe(e=>{let{objects:i}=e,a=i.values().next().value;if(a==null||!(a instanceof Y))return;let{left:o,top:s,height:c,width:l,angle:u}=a;if(!(0,t.checkIfMove)({left:o,top:s,height:c,width:l,angle:u},r))return;let d=this._getApplyObjectByCropObject(a);if(d==null)return;let f=this._getSrcRectByTransformState(d,a);a.refreshSrcRect(f.srcRect,d.getState()),n.createControlForCopper(a)})),this._endCropListener(e)}_addHoverForImageCopper(e){this.disposeWithMe(e.onPointerEnter$.subscribeEvent(()=>{e.cursor=r.CURSOR_TYPE.MOVE})),this.disposeWithMe(e.onPointerLeave$.subscribeEvent(()=>{e.cursor=r.CURSOR_TYPE.DEFAULT}))}_endCropListener(e){let t=e.getTransformerByCreate();this.disposeWithMe(t.clearControl$.subscribe(e=>{e===!0&&this._commandService.syncExecuteCommand(O.id)}))}_getSrcRectByTransformState(e,t){let{left:n,top:i,height:a,width:o,strokeWidth:s,angle:c}=t,{left:l,top:u,width:d,height:f,angle:p,strokeWidth:m}=e,h=n-l,g=i-u,_={left:h,top:g,right:d-h-o,bottom:f-g-a},v={..._};if(p!==0){let e=new r.Vector2(n+o/2,i+a/2),t=new r.Vector2(d/2+l,f/2+u),s=new r.Vector2(l,u);s.rotateByPoint((0,r.degToRad)(p),t);let c=s.clone();c.rotateByPoint((0,r.degToRad)(-p),e);let m=n-c.x,h=i-c.y;v.left=m,v.top=h,v.right=d-m-o,v.bottom=f-h-a}return{srcRect:_,srcRectAngle:v}}};X=H([V(0,t.ICommandService),V(1,n.IDrawingManagerService),V(2,r.IRenderManagerService),V(3,t.IUniverInstanceService),V(4,a.IMessageService),V(5,(0,t.Inject)(t.LocaleService))],X);let Z=class{constructor(e,t,n,r,i){this._drawingManagerService=e,this._imageIoService=t,this._galleryService=n,this._urlImageService=r,this._univerInstanceService=i}async renderImages(e,i){let{transform:a,drawingType:o,source:s,imageSourceType:c,srcRect:l,prstGeom:u,groupId:d,unitId:f,subUnitId:p,drawingId:m,isMultiTransform:h,transforms:g}=e;if(o!==t.DrawingTypeEnum.DRAWING_IMAGE||!this._drawingManagerService.getDrawingVisible()||this._univerInstanceService.getUnitType(f)===t.UniverInstanceType.UNIVER_SHEET&&p!==this._getActiveSheetId()||a==null)return;let _=h&&g?g:[a],v=[];for(let e of _){let{left:t,top:a,width:o,height:g,angle:y,flipX:b,flipY:x,skewX:S,skewY:C}=e,w=_.indexOf(e),T=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:f,subUnitId:p,drawingId:m},h?w:void 0),E=i.getObject(T);if(E!=null){E.transformByState({left:t,top:a,width:o,height:g,angle:y,flipX:b,flipY:x,skewX:S,skewY:C});continue}let D=this._drawingManagerService.getDrawingOrder(f,p),O=D.indexOf(m),k={...e,zIndex:O===-1?D.length-1:O},A=this._imageIoService.getImageSourceCache(s,c),j=!1;if(A!=null)k.image=A;else if(c===n.ImageSourceType.UUID)try{k.url=await this._imageIoService.getImage(s)}catch(e){console.error(e);continue}else if(c===n.ImageSourceType.URL){try{k.url=await this._urlImageService.getImage(s)}catch(e){console.error(e),k.url=s}j=!0}else k.url=s,j=!0;if(i.getObject(T))continue;k.printable=!0;let N=new r.Image(T,k);j&&this._imageIoService.addImageSourceCache(s,c,N.getNative()),i.addObject(N,r.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&i.attachTransformerTo(N),d&&M({drawingId:d,unitId:f,subUnitId:p},N,i,this._drawingManagerService),u!=null&&N.setPrstGeom(u),l!=null&&N.setSrcRect(l),v.push(N)}return v}_getActiveSheetId(){var e;return(e=this._univerInstanceService.getCurrentUnitOfType(t.UniverInstanceType.UNIVER_SHEET))==null||(e=e.getActiveSheet())==null?void 0:e.getSheetId()}renderFloatDom(e,i){let{transform:a,drawingType:o,groupId:s,unitId:c,subUnitId:l,drawingId:u,isMultiTransform:d,transforms:f}=e;if(o!==t.DrawingTypeEnum.DRAWING_DOM||!this._drawingManagerService.getDrawingVisible()||a==null)return;let p=d&&f?f:[a],m=[];for(let t of p){let{left:a,top:o,width:f,height:h,angle:g,flipX:_,flipY:v,skewX:y,skewY:b}=t,x=p.indexOf(t),S=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:c,subUnitId:l,drawingId:u},d?x:void 0),C=i.getObject(S);if(C!=null){C.transformByState({left:a,top:o,width:f,height:h,angle:g,flipX:_,flipY:v,skewX:y,skewY:b});continue}let w=this._drawingManagerService.getDrawingOrder(c,l),T=w.indexOf(u),E={...t,zIndex:T===-1?w.length-1:T};if(i.getObject(S))continue;E.printable=!1;let D=new r.Rect(S,E);this._drawingManagerService.getDrawingVisible()&&(i.addObject(D,r.DRAWING_OBJECT_LAYER_INDEX),this._drawingManagerService.getDrawingEditable()&&e.allowTransform!==!1&&i.attachTransformerTo(D),s&&M({drawingId:s,unitId:c,subUnitId:l},D,i,this._drawingManagerService),m.push(D))}return m}renderDrawing(e,n){let r=this._drawingManagerService.getDrawingByParam(e);if(r!=null)switch(r.drawingType){case t.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(r,n);default:}}previewImage(e,t,n,r){this._galleryService.open({images:[t],onOpenChange:e=>{e||this._galleryService.close()}})}_adjustImageSize(e,t,n,r){if(e<=n&&t<=r)return{width:e,height:t};let i=n/e,a=r/t,o=Math.min(i,a);return{width:Math.floor(e*o),height:Math.floor(t*o)}}};Z=H([V(0,n.IDrawingManagerService),V(1,n.IImageIoService),V(2,a.IGalleryService),V(3,t.IURLImageService),V(4,t.IUniverInstanceService)],Z);let Q=class extends t.Disposable{constructor(e,t,n,r,i,a,o){super(),this._commandService=e,this._renderManagerService=t,this._drawingManagerService=n,this._dialogService=r,this._imageIoService=i,this._currentUniverService=a,this._drawingRenderService=o,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(e=>{if(e.id===j.id){let t=e.params;if(t==null)return;this._resetImageSize(t)}}))}_getSceneAndTransformerByDrawingSearch(e){if(e==null)return;let t=this._renderManagerService.getRenderById(e),n=t==null?void 0:t.scene;return n==null?null:{scene:n,transformer:n.getTransformerByCreate()}}_resetImageSize(e){let r=[],i=[];e.forEach(e=>{let{unitId:a,subUnitId:o,drawingId:s}=e,c=this._getSceneAndTransformerByDrawingSearch(a);if(c==null)return;let{scene:l}=c,u=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:a,subUnitId:o,drawingId:s}),d=l.getObject(u);if(d==null)return!0;let f=this._drawingManagerService.getDrawingByParam(e);if(f==null)return!0;if(f.drawingType!==t.DrawingTypeEnum.DRAWING_IMAGE)return;d.resetSize();let{width:p,height:m}=d.getNativeSize();i.includes(l)===!1&&i.push(l),r.push({...f,transform:{...f.transform,height:m,width:p,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(r),i.forEach(e=>{e.getTransformerByCreate().refreshControls().changeNotification()}),this._commandService.syncExecuteCommand(n.SetDrawingSelectedOperation.id,e)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.pipe((0,o.bufferTime)(33),(0,o.filter)(e=>e.length>0),(0,o.map)(e=>e.flat()),(0,o.map)(e=>{let t=new Map;for(let n of e)t.set(`${n.unitId}|${n.subUnitId}|${n.drawingId}`,n);return[...t.values()]}),(0,o.filter)(e=>e.length>0)).subscribe(e=>{this._insertImages(e)}))}_insertImages(e){e.forEach(async e=>{var t;let{unitId:n,subUnitId:r}=e,i=this._getSceneAndTransformerByDrawingSearch(n),a=(t=N(this._currentUniverService,n))==null?void 0:t.subUnitId;if(i==null||a!==r)return;let o=this._drawingManagerService.getDrawingByParam(e);if(o==null)return;let s=await this._drawingRenderService.renderImages(o,i.scene);if(this._drawingManagerService.refreshTransform([o]),!(s==null||s.length===0))for(let e of s)this._addHoverForImage(e),this._addDialogForImage(e)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(e=>{e.forEach(e=>{let{unitId:r,subUnitId:i,drawingId:a}=e,o=this._drawingManagerService.getDrawingByParam(e);if(o==null)return;let{transform:s,drawingType:c,srcRect:l,prstGeom:u,source:d,imageSourceType:f}=o;if(c!==t.DrawingTypeEnum.DRAWING_IMAGE)return;let p=this._getSceneAndTransformerByDrawingSearch(r);if(p==null)return;let{scene:m,transformer:h}=p;if(s==null)return!0;let g=(0,n.getDrawingShapeKeyByDrawingSearch)({unitId:r,subUnitId:i,drawingId:a}),_=m.getObject(g);if(_==null)return!0;_.setSrcRect(l),_.setPrstGeom(u),d!=null&&d.length>0&&(f===t.ImageSourceType.BASE64||f===t.ImageSourceType.URL)&&_.changeSource(d)})}))}_addHoverForImage(e){this.disposeWithMe((0,t.toDisposable)(e.onPointerEnter$.subscribeEvent(()=>{e.cursor=r.CURSOR_TYPE.GRAB}))),this.disposeWithMe((0,t.toDisposable)(e.onPointerLeave$.subscribeEvent(()=>{e.cursor=r.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(e){this.disposeWithMe((0,t.toDisposable)(e.onDblclick$.subscribeEvent(()=>{let t=`${e.oKey}-viewer-dialog`;this._drawingRenderService.previewImage(t,e.getNative().src,e.getNativeSize().width,e.getNativeSize().height)})))}};Q=H([V(0,t.ICommandService),V(1,r.IRenderManagerService),V(2,n.IDrawingManagerService),V(3,a.IDialogService),V(4,n.IImageIoService),V(5,t.IUniverInstanceService),V(6,(0,t.Inject)(Z))],Q);let $=class extends t.Plugin{constructor(e=ee,n,r){super(),this._config=e,this._injector=n,this._configService=r;let{menu:i,...a}=(0,t.merge)({},ee,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(I,a)}onStarting(){this._initDependencies()}onRendered(){this._injector.get(q),this._injector.get(U),this._injector.get(X),this._injector.get(Q)}_initDependencies(){[[Z],[q],[U],[X],[Q]].forEach(e=>this._injector.add(e))}};K($,`pluginName`,`UNIVER_DRAWING_UI_PLUGIN`),K($,`packageName`,P),K($,`version`,F),$=H([V(1,(0,t.Inject)(t.Injector)),V(2,t.IConfigService)],$);let qe=e=>{let n=(0,a.useDependency)(t.ICommandService),r=(0,a.useDependency)(t.LocaleService),{drawings:o,alignShow:d}=e,[f,p]=(0,i.useState)(l.default),m=[{label:r.t(`image-panel.align.default`),value:l.default},{options:[{label:r.t(`image-panel.align.left`),value:l.left},{label:r.t(`image-panel.align.center`),value:l.center},{label:r.t(`image-panel.align.right`),value:l.right}]},{options:[{label:r.t(`image-panel.align.top`),value:l.top},{label:r.t(`image-panel.align.middle`),value:l.middle},{label:r.t(`image-panel.align.bottom`),value:l.bottom}]},{options:[{label:r.t(`image-panel.align.horizon`),value:l.horizon},{label:r.t(`image-panel.align.vertical`),value:l.vertical}]}];function h(e){p(e),n.executeCommand(u.id,{alignType:e,drawings:o})}return(0,c.jsxs)(`div`,{className:(0,s.clsx)(`univer-relative univer-w-full`,{"univer-hidden":!d}),children:[(0,c.jsx)(`header`,{className:`
+                  univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:(0,c.jsx)(`div`,{children:r.t(`image-panel.align.title`)})}),(0,c.jsx)(`div`,{className:`univer-relative univer-mt-2.5 univer-flex univer-h-full`,children:(0,c.jsx)(`div`,{className:`
+                      univer-w-full univer-text-gray-900
+                      dark:!univer-text-white
+                    `,children:(0,c.jsx)(s.Select,{value:f,options:m,onChange:h})})})]})},Je=e=>{let{arrangeShow:r,drawings:o}=e,l=(0,a.useDependency)(t.LocaleService),u=(0,a.useDependency)(n.IDrawingManagerService),d=(0,a.useDependency)(t.ICommandService),f=(0,a.useDependency)(a.ComponentManager),p=f.get(`MoveUpIcon`),m=f.get(`MoveDownIcon`),h=f.get(`TopmostIcon`),g=f.get(`BottomIcon`),[_,v]=(0,i.useState)(o);(0,i.useEffect)(()=>{let e=u.focus$.subscribe(e=>{v(e)});return()=>{e.unsubscribe()}},[]);let b=e=>{d.syncExecuteCommand(y.id,{arrangeType:e,drawings:_})};return(0,c.jsxs)(`div`,{className:(0,s.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":!r}),children:[(0,c.jsx)(`header`,{className:`
+                  univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:(0,c.jsx)(`div`,{children:l.t(`image-panel.arrange.title`)})}),(0,c.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2`,children:[(0,c.jsxs)(s.Button,{onClick:()=>{b(t.ArrangeTypeEnum.forward)},children:[(0,c.jsx)(p,{}),l.t(`image-panel.arrange.forward`)]}),(0,c.jsxs)(s.Button,{onClick:()=>{b(t.ArrangeTypeEnum.backward)},children:[(0,c.jsx)(m,{}),l.t(`image-panel.arrange.backward`)]}),(0,c.jsxs)(s.Button,{onClick:()=>{b(t.ArrangeTypeEnum.front)},children:[(0,c.jsx)(h,{}),l.t(`image-panel.arrange.front`)]}),(0,c.jsxs)(s.Button,{onClick:()=>{b(t.ArrangeTypeEnum.back)},children:[(0,c.jsx)(g,{}),l.t(`image-panel.arrange.back`)]})]})]})},Ye=e=>{let o=(0,a.useDependency)(t.LocaleService),l=(0,a.useDependency)(r.IRenderManagerService),u=(0,a.useDependency)(n.IDrawingManagerService),d=(0,a.useDependency)(t.ICommandService),f=(0,a.useDependency)(a.ComponentManager),{hasGroup:p,drawings:m}=e,h=f.get(`GroupIcon`),g=f.get(`UngroupIcon`),[_,v]=(0,i.useState)(!1),[y,b]=(0,i.useState)(!0),[x,S]=(0,i.useState)(!0),C=()=>{d.syncExecuteCommand(T.id,{drawings:m})},w=()=>{d.syncExecuteCommand(E.id,{drawings:m})};return(0,i.useEffect)(()=>{let e=m[0];if(e==null)return;let{unitId:n}=e,r=l.getRenderById(n),i=r==null?void 0:r.scene;if(i==null)return;let a=i.getTransformerByCreate(),o=a.clearControl$.subscribe(e=>{e===!0&&v(!1)}),s=a.changeStart$.subscribe(e=>{let{objects:n}=e,r=W(n,u),i=r.filter(e=>(e==null?void 0:e.drawingType)===t.DrawingTypeEnum.DRAWING_GROUP),a=!1,o=!1;r.length>1&&(a=!0),i.length>0&&(o=!0),v(a||o),b(a),S(o)});return()=>{s.unsubscribe(),o.unsubscribe()}},[]),(0,c.jsxs)(`div`,{className:(0,s.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":p===!0&&_===!1||p===!1}),children:[(0,c.jsx)(`header`,{className:`
+                  univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:(0,c.jsx)(`div`,{children:o.t(`image-panel.group.title`)})}),(0,c.jsxs)(`div`,{className:`univer-flex univer-items-center univer-justify-center univer-gap-2`,children:[(0,c.jsxs)(s.Button,{className:(0,s.clsx)({"univer-hidden":!y}),onClick:C,children:[(0,c.jsx)(h,{}),o.t(`image-panel.group.group`)]}),(0,c.jsxs)(s.Button,{className:(0,s.clsx)({"univer-hidden":!x}),onClick:w,children:[(0,c.jsx)(g,{}),o.t(`image-panel.group.unGroup`)]})]})]})},Xe=[-360,360],Ze=e=>{var o;let l=(0,a.useDependency)(t.LocaleService),u=(0,a.useDependency)(n.IDrawingManagerService),d=(0,a.useDependency)(r.IRenderManagerService),{drawings:f,transformShow:p}=e,m=f[0];if(m==null)return;let h=m.transform;if(h==null)return;let{unitId:g,subUnitId:_,drawingId:v,drawingType:y}=m,b=d.getRenderById(g),x=b==null?void 0:b.scene;if(x==null)return;let S=(o=x.getEngine())==null?void 0:o.activeScene;if(S==null)return;let C=x.getTransformerByCreate(),{width:w=0,height:T=0,left:E=0,top:D=0,angle:O=0}=h,[k,A]=(0,i.useState)(w),[j,M]=(0,i.useState)(T),[N,P]=(0,i.useState)(E),[F,I]=(0,i.useState)(D),[ee,L]=(0,i.useState)(O),[R,te]=(0,i.useState)(C.keepRatio),z=(e,t,n,r)=>{let{width:i,height:a}=S,{ancestorLeft:o,ancestorTop:s}=x,c=e,l=t,u=n,d=r;return e+o<0&&(c=-o),t+s<0&&(l=-s),u=i-c-o,u<20&&(u=20),d=a-l-s,d<20&&(d=20),e+u+o>i&&(c=i-n-o),t+d+s>a&&(l=a-r-s),{limitLeft:c,limitTop:l,limitWidth:u,limitHeight:d}},B=e=>{let{objects:t}=e,n=W(t,u);if(n.length!==1)return;let r=n[0];if(r==null)return;let{transform:i}=r;if(i==null)return;let{width:a,height:o,left:s,top:c,angle:l}=i;a!=null&&A(a),o!=null&&M(o),s!=null&&P(s),c!=null&&I(c),l!=null&&L(l)};(0,i.useEffect)(()=>{let e=[C.changeStart$.subscribe(e=>{B(e)}),C.changing$.subscribe(e=>{B(e)}),C.changeEnd$.subscribe(e=>{B(e)}),u.focus$.subscribe(e=>{if(e.length!==1)return;let t=u.getDrawingByParam(e[0]);if(t==null)return;let n=t.transform;if(n==null)return;let{width:r,height:i,left:a,top:o,angle:s}=n;r!=null&&A(r),i!=null&&M(i),a!=null&&P(a),o!=null&&I(o),s!=null&&L(s)})];return()=>{e.forEach(e=>e.unsubscribe())}},[]);let ne=(0,t.debounce)(e=>{if(e==null)return;let{limitWidth:t,limitHeight:n}=z(N,F,e,j);e=Math.min(e,t);let r={unitId:g,subUnitId:_,drawingId:v,drawingType:y,transform:{width:e}};if(R){let t=e/k*j;if(t=Math.max(t,20),t>n)return;M(t),r.transform.height=t}A(e),u.featurePluginUpdateNotification([r]),C.refreshControls().changeNotification()},300),re=(0,t.debounce)(e=>{if(e==null)return;let{limitHeight:t,limitWidth:n}=z(N,F,k,e);e=Math.min(e,t);let r={unitId:g,subUnitId:_,drawingId:v,drawingType:y,transform:{height:e}};if(R){let t=e/j*k;if(t=Math.max(t,20),t>n)return;A(t),r.transform.width=t}M(e),u.featurePluginUpdateNotification([r]),C.refreshControls().changeNotification()},300),ie=(0,t.debounce)(e=>{if(e==null)return;let{limitLeft:t}=z(e,F,k,j);e=t;let n={unitId:g,subUnitId:_,drawingId:v,drawingType:y,transform:{left:e}};P(e),u.featurePluginUpdateNotification([n]),C.refreshControls().changeNotification()},300),ae=(0,t.debounce)(e=>{if(e==null)return;let{limitTop:t}=z(N,e,k,j);e=t;let n={unitId:g,subUnitId:_,drawingId:v,drawingType:y,transform:{top:e}};I(e),u.featurePluginUpdateNotification([n]),C.refreshControls().changeNotification()},300),oe=e=>{if(e==null)return;let t={unitId:g,subUnitId:_,drawingId:v,drawingType:y,transform:{angle:e}};L(e),u.featurePluginUpdateNotification([t]),C.refreshControls().changeNotification()},se=e=>{te(e),C.keepRatio=e};return(0,c.jsxs)(`div`,{className:(0,s.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":!p}),children:[(0,c.jsx)(`header`,{className:`
+                  univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:(0,c.jsx)(`div`,{children:l.t(`image-panel.transform.title`)})}),(0,c.jsxs)(`div`,{className:`
+                  univer-grid univer-grid-cols-3 univer-gap-2
+                  [&>div]:univer-grid [&>div]:univer-gap-2
+                `,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:l.t(`image-panel.transform.width`)}),(0,c.jsx)(s.InputNumber,{precision:1,value:k,min:20,onChange:e=>{ne(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:l.t(`image-panel.transform.height`)}),(0,c.jsx)(s.InputNumber,{precision:1,value:j,min:20,onChange:e=>{re(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:l.t(`image-panel.transform.lock`)}),(0,c.jsx)(`div`,{className:`univer-text-center`,children:(0,c.jsx)(s.Checkbox,{checked:R,onChange:se})})]})]}),(0,c.jsxs)(`div`,{className:`
+                  univer-grid univer-grid-cols-3 univer-gap-2
+                  [&>div]:univer-grid [&>div]:univer-gap-2
+                `,children:[(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:l.t(`image-panel.transform.x`)}),(0,c.jsx)(s.InputNumber,{precision:1,value:N,onChange:e=>{ie(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:l.t(`image-panel.transform.y`)}),(0,c.jsx)(s.InputNumber,{precision:1,value:F,onChange:e=>{ae(e)}})]}),(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`span`,{children:l.t(`image-panel.transform.rotate`)}),(0,c.jsx)(s.InputNumber,{precision:1,value:ee,min:Xe[0],max:Xe[1],onChange:oe})]})]})]})},Qe=e=>{let n=(0,a.useDependency)(t.ICommandService),r=(0,a.useDependency)(t.LocaleService),{drawings:o,cropperShow:l}=e;if(o[0]==null)return;let[u,d]=(0,i.useState)(k.FREE),f=(0,i.useRef)(!1),p=[{label:r.t(`image-panel.crop.mode`),value:k.FREE},{label:`1:1`,value:k.R1_1},{label:`16:9`,value:k.R16_9},{label:`9:16`,value:k.R9_16},{label:`5:4`,value:k.R5_4},{label:`4:5`,value:k.R4_5},{label:`4:3`,value:k.R4_3},{label:`3:4`,value:k.R3_4},{label:`3:2`,value:k.R3_2},{label:`2:3`,value:k.R2_3}];(0,i.useEffect)(()=>{let e=n.onCommandExecuted(e=>{if(e.id===O.id){let t=e.params;t!=null&&t.isAuto||(f.current=!1)}});return()=>{e==null||e.dispose()}},[]);function m(e){d(e),f.current&&n.executeCommand(A.id,{cropType:e})}let h=e=>{n.executeCommand(A.id,{cropType:e}),f.current=!0};return(0,c.jsxs)(`div`,{className:(0,s.clsx)(`univer-grid univer-gap-2 univer-py-2 univer-text-gray-400`,{"univer-hidden":!l}),children:[(0,c.jsx)(`header`,{className:`
+                  univer-text-gray-600
+                  dark:!univer-text-gray-200
+                `,children:(0,c.jsx)(`div`,{children:r.t(`image-panel.crop.title`)})}),(0,c.jsxs)(`div`,{className:`univer-flex univer-items-center univer-justify-center univer-gap-2`,children:[(0,c.jsxs)(s.Button,{onClick:()=>{h(u)},children:[(0,c.jsx)(ae,{}),r.t(`image-panel.crop.start`)]}),(0,c.jsx)(s.Select,{value:u,options:p,onChange:m})]})]})};e.AutoImageCropOperation=A,e.COMPONENT_IMAGE_POPUP_MENU=Ue,e.CancelDrawingGroupOperation=E,e.CloseImageCropOperation=O,e.DRAWING_GROUP_TYPES=w,e.DrawingCommonPanel=e=>{let o=(0,a.useDependency)(n.IDrawingManagerService),l=(0,a.useDependency)(r.IRenderManagerService),u=(0,a.useDependency)(t.LocaleService),{drawings:d,hasArrange:f=!0,hasTransform:p=!0,hasAlign:m=!0,hasCropper:h=!0,hasGroup:g=!0}=e,_=d[0];if(_==null)return;let{unitId:v}=_,y=l.getRenderById(v),b=y==null?void 0:y.scene;if(b==null)return;let x=b.getTransformerByCreate(),[S,C]=(0,i.useState)(!0),[w,T]=(0,i.useState)(!0),[E,D]=(0,i.useState)(!1),[O,k]=(0,i.useState)(!0),[A,j]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{let e=x.clearControl$.subscribe(e=>{e===!0&&(C(!1),T(!1),D(!1),k(!1),j(!0))}),t=x.changeStart$.subscribe(e=>{let{objects:t}=e,n=W(t,o);n.length===0?(C(!1),T(!1),D(!1),k(!1),j(!0)):n.length===1?(C(!0),T(!0),D(!1),k(!0),j(!1)):(C(!0),T(!1),D(!0),k(!1),j(!1))}),n=o.focus$.subscribe(e=>{e.length===0?(C(!1),T(!1),D(!1),k(!1),j(!0)):e.length===1?(C(!0),T(!0),D(!1),k(!0),j(!1)):(C(!0),T(!1),D(!0),k(!1),j(!1))});return()=>{t.unsubscribe(),e.unsubscribe(),n.unsubscribe()}},[]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`div`,{className:(0,s.clsx)(`univer-h-full`,{"univer-hidden":!A}),children:(0,c.jsx)(`div`,{className:`univer-flex univer-h-full univer-items-center univer-justify-center`,children:(0,c.jsx)(`span`,{children:u.t(`image-panel.null`)})})}),(0,c.jsx)(Je,{arrangeShow:f===!0?S:!1,drawings:d}),(0,c.jsx)(Ze,{transformShow:p===!0?w:!1,drawings:d}),(0,c.jsx)(qe,{alignShow:m===!0?E:!1,drawings:d}),(0,c.jsx)(Qe,{cropperShow:h===!0?O:!1,drawings:d}),(0,c.jsx)(Ye,{hasGroup:g,drawings:d})]})},Object.defineProperty(e,`DrawingRenderService`,{enumerable:!0,get:function(){return Z}}),e.ImageCropperObject=Y,e.ImagePopupMenu=We,e.ImageResetSizeOperation=j,e.OpenImageCropOperation=D,e.SetDrawingAlignOperation=u,e.SetDrawingArrangeOperation=y,e.SetDrawingGroupOperation=T,Object.defineProperty(e,`UniverDrawingUIPlugin`,{enumerable:!0,get:function(){return $}}),e.getCurrentUnitInfo=N,e.getUpdateParams=W,e.insertGroupObject=M});

package/lib/umd/locale/ca-ES.js

@@ -1 +1 @@
-(function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a():typeof define=="function"&&define.amd?define(a):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiCaES=a())})(this,(function(){"use strict";return{"image-popup":{replace:"Reemplaçar",delete:"Eliminar",edit:"Editar",crop:"Retalla",reset:"Restableix la mida"},"image-cropper":{error:"No es poden retallar objectes que no siguin imatges."},"image-panel":{arrange:{title:"Organitza",forward:"Porta endavant",backward:"Envia enrere",front:"Porta al davant",back:"Envia al fons"},transform:{title:"Transforma",rotate:"Gira (°)",x:"X (px)",y:"Y (px)",width:"Amplada (px)",height:"Alçada (px)",lock:"Bloca proporció (%)"},crop:{title:"Retalla",start:"Inicia retallada",mode:"Lliure"},group:{title:"Agrupa",group:"Agrupa",reGroup:"Reagrupa",unGroup:"Desagrupa"},align:{title:"Alinea",default:"Selecciona tipus d’alineació",left:"Alinea a l’esquerra",center:"Alinea al centre",right:"Alinea a la dreta",top:"Alinea a dalt",middle:"Alinea al mig",bottom:"Alinea a baix",horizon:"Distribueix horitzontalment",vertical:"Distribueix verticalment"},null:"Cap objecte seleccionat"},"drawing-view":"Dibuix",shortcut:{"drawing-move-down":"Mou el dibuix cap avall","drawing-move-up":"Mou el dibuix cap amunt","drawing-move-left":"Mou el dibuix a l’esquerra","drawing-move-right":"Mou el dibuix a la dreta","drawing-delete":"Elimina el dibuix"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiCaES=t())})(this,function(){return{"image-popup":{replace:`Reemplaçar`,delete:`Eliminar`,edit:`Editar`,crop:`Retalla`,reset:`Restableix la mida`},"image-cropper":{error:`No es poden retallar objectes que no siguin imatges.`},"image-panel":{arrange:{title:`Organitza`,forward:`Porta endavant`,backward:`Envia enrere`,front:`Porta al davant`,back:`Envia al fons`},transform:{title:`Transforma`,rotate:`Gira (°)`,x:`X (px)`,y:`Y (px)`,width:`Amplada (px)`,height:`Alçada (px)`,lock:`Bloca proporció (%)`},crop:{title:`Retalla`,start:`Inicia retallada`,mode:`Lliure`},group:{title:`Agrupa`,group:`Agrupa`,reGroup:`Reagrupa`,unGroup:`Desagrupa`},align:{title:`Alinea`,default:`Selecciona tipus d’alineació`,left:`Alinea a l’esquerra`,center:`Alinea al centre`,right:`Alinea a la dreta`,top:`Alinea a dalt`,middle:`Alinea al mig`,bottom:`Alinea a baix`,horizon:`Distribueix horitzontalment`,vertical:`Distribueix verticalment`},null:`Cap objecte seleccionat`},"drawing-view":`Dibuix`,shortcut:{"drawing-move-down":`Mou el dibuix cap avall`,"drawing-move-up":`Mou el dibuix cap amunt`,"drawing-move-left":`Mou el dibuix a l’esquerra`,"drawing-move-right":`Mou el dibuix a la dreta`,"drawing-delete":`Elimina el dibuix`}}});

package/lib/umd/locale/en-US.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiEnUS=t())})(this,(function(){"use strict";return{"image-popup":{replace:"Replace",delete:"Delete",edit:"Edit",crop:"Crop",reset:"Reset Size"},"image-cropper":{error:"Cannot crop non-image objects."},"image-panel":{arrange:{title:"Arrange",forward:"Bring Forward",backward:"Send Backward",front:"Bring to Front",back:"Send to Back"},transform:{title:"Transform",rotate:"Rotate (°)",x:"X (px)",y:"Y (px)",width:"Width (px)",height:"Height (px)",lock:"Lock Ratio (%)"},crop:{title:"Crop",start:"Start Crop",mode:"Free"},group:{title:"Group",group:"Group",reGroup:"Regroup",unGroup:"Ungroup"},align:{title:"Align",default:"Select Align Type",left:"Align Left",center:"Align Center",right:"Align Right",top:"Align Top",middle:"Align Middle",bottom:"Align Bottom",horizon:"Distribute Horizontally ",vertical:"Distribute Vertically "},null:"No Object Selection"},"drawing-view":"Drawing",shortcut:{"drawing-move-down":"Move Drawing down","drawing-move-up":"Move Drawing up","drawing-move-left":"Move Drawing left","drawing-move-right":"Move Drawing right","drawing-delete":"Delete Drawing"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiEnUS=t())})(this,function(){return{"image-popup":{replace:`Replace`,delete:`Delete`,edit:`Edit`,crop:`Crop`,reset:`Reset Size`},"image-cropper":{error:`Cannot crop non-image objects.`},"image-panel":{arrange:{title:`Arrange`,forward:`Bring Forward`,backward:`Send Backward`,front:`Bring to Front`,back:`Send to Back`},transform:{title:`Transform`,rotate:`Rotate (°)`,x:`X (px)`,y:`Y (px)`,width:`Width (px)`,height:`Height (px)`,lock:`Lock Ratio (%)`},crop:{title:`Crop`,start:`Start Crop`,mode:`Free`},group:{title:`Group`,group:`Group`,reGroup:`Regroup`,unGroup:`Ungroup`},align:{title:`Align`,default:`Select Align Type`,left:`Align Left`,center:`Align Center`,right:`Align Right`,top:`Align Top`,middle:`Align Middle`,bottom:`Align Bottom`,horizon:`Distribute Horizontally `,vertical:`Distribute Vertically `},null:`No Object Selection`},"drawing-view":`Drawing`,shortcut:{"drawing-move-down":`Move Drawing down`,"drawing-move-up":`Move Drawing up`,"drawing-move-left":`Move Drawing left`,"drawing-move-right":`Move Drawing right`,"drawing-delete":`Delete Drawing`}}});

package/lib/umd/locale/es-ES.js

@@ -1 +1 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r():typeof define=="function"&&define.amd?define(r):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiEsES=r())})(this,(function(){"use strict";return{"image-popup":{replace:"Reemplazar",delete:"Eliminar",edit:"Editar",crop:"Recortar",reset:"Restablecer tamaño"},"image-cropper":{error:"No se pueden recortar objetos que no sean imágenes."},"image-panel":{arrange:{title:"Organizar",forward:"Traer adelante",backward:"Enviar atrás",front:"Traer al frente",back:"Enviar al fondo"},transform:{title:"Transformar",rotate:"Rotar (°)",x:"X (px)",y:"Y (px)",width:"Ancho (px)",height:"Alto (px)",lock:"Bloquear proporción (%)"},crop:{title:"Recortar",start:"Iniciar recorte",mode:"Libre"},group:{title:"Agrupar",group:"Agrupar",reGroup:"Reagrupar",unGroup:"Desagrupar"},align:{title:"Alinear",default:"Seleccionar tipo de alineación",left:"Alinear a la izquierda",center:"Alinear al centro",right:"Alinear a la derecha",top:"Alinear arriba",middle:"Alinear al medio",bottom:"Alinear abajo",horizon:"Distribuir horizontalmente",vertical:"Distribuir verticalmente"},null:"Ningún objeto seleccionado"},"drawing-view":"Dibujo",shortcut:{"drawing-move-down":"Mover dibujo hacia abajo","drawing-move-up":"Mover dibujo hacia arriba","drawing-move-left":"Mover dibujo a la izquierda","drawing-move-right":"Mover dibujo a la derecha","drawing-delete":"Eliminar dibujo"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiEsES=t())})(this,function(){return{"image-popup":{replace:`Reemplazar`,delete:`Eliminar`,edit:`Editar`,crop:`Recortar`,reset:`Restablecer tamaño`},"image-cropper":{error:`No se pueden recortar objetos que no sean imágenes.`},"image-panel":{arrange:{title:`Organizar`,forward:`Traer adelante`,backward:`Enviar atrás`,front:`Traer al frente`,back:`Enviar al fondo`},transform:{title:`Transformar`,rotate:`Rotar (°)`,x:`X (px)`,y:`Y (px)`,width:`Ancho (px)`,height:`Alto (px)`,lock:`Bloquear proporción (%)`},crop:{title:`Recortar`,start:`Iniciar recorte`,mode:`Libre`},group:{title:`Agrupar`,group:`Agrupar`,reGroup:`Reagrupar`,unGroup:`Desagrupar`},align:{title:`Alinear`,default:`Seleccionar tipo de alineación`,left:`Alinear a la izquierda`,center:`Alinear al centro`,right:`Alinear a la derecha`,top:`Alinear arriba`,middle:`Alinear al medio`,bottom:`Alinear abajo`,horizon:`Distribuir horizontalmente`,vertical:`Distribuir verticalmente`},null:`Ningún objeto seleccionado`},"drawing-view":`Dibujo`,shortcut:{"drawing-move-down":`Mover dibujo hacia abajo`,"drawing-move-up":`Mover dibujo hacia arriba`,"drawing-move-left":`Mover dibujo a la izquierda`,"drawing-move-right":`Mover dibujo a la derecha`,"drawing-delete":`Eliminar dibujo`}}});

package/lib/umd/locale/fa-IR.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiFaIR=t())})(this,(function(){"use strict";return{"image-popup":{replace:"تعویض",delete:"حذف",edit:"ویرایش",crop:"کراپ",reset:"بازنشانی اندازه"},"image-cropper":{error:"کراپ کردن اشیاء غیرتصویری امکان‌پذیر نیست."},"image-panel":{arrange:{title:"ترتیب‌دهی",forward:"آوردن به جلو",backward:"فرستادن به عقب",front:"آوردن به جلوی همه",back:"فرستادن به پشت همه"},transform:{title:"تبدیل",rotate:"چرخش (°)",x:"X (px)",y:"Y (px)",width:"عرض (px)",height:"ارتفاع (px)",lock:"قفل نسبت (%)"},crop:{title:"کراپ",start:"شروع کراپ",mode:"آزاد"},group:{title:"گروه",group:"گروه‌بندی",reGroup:"گروه‌بندی مجدد",unGroup:"لغو گروه‌بندی"},align:{title:"تراز",default:"انتخاب نوع تراز",left:"تراز چپ",center:"تراز وسط",right:"تراز راست",top:"تراز بالا",middle:"تراز وسط",bottom:"تراز پایین",horizon:"توزیع افقی",vertical:"توزیع عمودی"},null:"هیچ شیئی انتخاب نشده است"},"drawing-view":"طراحی",shortcut:{"drawing-move-down":"جابه‌جایی طراحی به پایین","drawing-move-up":"جابه‌جایی طراحی به بالا","drawing-move-left":"جابه‌جایی طراحی به چپ","drawing-move-right":"جابه‌جایی طراحی به راست","drawing-delete":"حذف طراحی"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiFaIR=t())})(this,function(){return{"image-popup":{replace:`تعویض`,delete:`حذف`,edit:`ویرایش`,crop:`کراپ`,reset:`بازنشانی اندازه`},"image-cropper":{error:`کراپ کردن اشیاء غیرتصویری امکان‌پذیر نیست.`},"image-panel":{arrange:{title:`ترتیب‌دهی`,forward:`آوردن به جلو`,backward:`فرستادن به عقب`,front:`آوردن به جلوی همه`,back:`فرستادن به پشت همه`},transform:{title:`تبدیل`,rotate:`چرخش (°)`,x:`X (px)`,y:`Y (px)`,width:`عرض (px)`,height:`ارتفاع (px)`,lock:`قفل نسبت (%)`},crop:{title:`کراپ`,start:`شروع کراپ`,mode:`آزاد`},group:{title:`گروه`,group:`گروه‌بندی`,reGroup:`گروه‌بندی مجدد`,unGroup:`لغو گروه‌بندی`},align:{title:`تراز`,default:`انتخاب نوع تراز`,left:`تراز چپ`,center:`تراز وسط`,right:`تراز راست`,top:`تراز بالا`,middle:`تراز وسط`,bottom:`تراز پایین`,horizon:`توزیع افقی`,vertical:`توزیع عمودی`},null:`هیچ شیئی انتخاب نشده است`},"drawing-view":`طراحی`,shortcut:{"drawing-move-down":`جابه‌جایی طراحی به پایین`,"drawing-move-up":`جابه‌جایی طراحی به بالا`,"drawing-move-left":`جابه‌جایی طراحی به چپ`,"drawing-move-right":`جابه‌جایی طراحی به راست`,"drawing-delete":`حذف طراحی`}}});

package/lib/umd/locale/fr-FR.js

@@ -1 +1 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r():typeof define=="function"&&define.amd?define(r):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiFrFR=r())})(this,(function(){"use strict";return{"image-popup":{replace:"Remplacer",delete:"Supprimer",edit:"Modifier",crop:"Rogner",reset:"Réinitialiser la taille"},"image-cropper":{error:"Impossible de rogner des objets non image."},"image-panel":{arrange:{title:"Arranger",forward:"Avancer",backward:"Reculer",front:"Mettre au premier plan",back:"Mettre à l'arrière-plan"},transform:{title:"Transformer",rotate:"Pivoter (°)",x:"X (px)",y:"Y (px)",width:"Largeur (px)",height:"Hauteur (px)",lock:"Verrouiller le ratio (%)"},crop:{title:"Rogner",start:"Commencer à rogner",mode:"Libre"},group:{title:"Grouper",group:"Grouper",reGroup:"Regrouper",unGroup:"Dégrouper"},align:{title:"Aligner",default:"Sélectionner le type d'alignement",left:"Aligner à gauche",center:"Aligner au centre",right:"Aligner à droite",top:"Aligner en haut",middle:"Aligner au milieu",bottom:"Aligner en bas",horizon:"Distribuer horizontalement",vertical:"Distribuer verticalement"},null:"Aucune sélection d'objet"},"drawing-view":"Dessin",shortcut:{"drawing-move-down":"Déplacer le dessin vers le bas","drawing-move-up":"Déplacer le dessin vers le haut","drawing-move-left":"Déplacer le dessin vers la gauche","drawing-move-right":"Déplacer le dessin vers la droite","drawing-delete":"Supprimer le dessin"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiFrFR=t())})(this,function(){return{"image-popup":{replace:`Remplacer`,delete:`Supprimer`,edit:`Modifier`,crop:`Rogner`,reset:`Réinitialiser la taille`},"image-cropper":{error:`Impossible de rogner des objets non image.`},"image-panel":{arrange:{title:`Arranger`,forward:`Avancer`,backward:`Reculer`,front:`Mettre au premier plan`,back:`Mettre à l'arrière-plan`},transform:{title:`Transformer`,rotate:`Pivoter (°)`,x:`X (px)`,y:`Y (px)`,width:`Largeur (px)`,height:`Hauteur (px)`,lock:`Verrouiller le ratio (%)`},crop:{title:`Rogner`,start:`Commencer à rogner`,mode:`Libre`},group:{title:`Grouper`,group:`Grouper`,reGroup:`Regrouper`,unGroup:`Dégrouper`},align:{title:`Aligner`,default:`Sélectionner le type d'alignement`,left:`Aligner à gauche`,center:`Aligner au centre`,right:`Aligner à droite`,top:`Aligner en haut`,middle:`Aligner au milieu`,bottom:`Aligner en bas`,horizon:`Distribuer horizontalement`,vertical:`Distribuer verticalement`},null:`Aucune sélection d'objet`},"drawing-view":`Dessin`,shortcut:{"drawing-move-down":`Déplacer le dessin vers le bas`,"drawing-move-up":`Déplacer le dessin vers le haut`,"drawing-move-left":`Déplacer le dessin vers la gauche`,"drawing-move-right":`Déplacer le dessin vers la droite`,"drawing-delete":`Supprimer le dessin`}}});

package/lib/umd/locale/ja-JP.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiJaJP=t())})(this,(function(){"use strict";return{"image-popup":{replace:"置換",delete:"削除",edit:"編集",crop:"トリミング",reset:"サイズをリセット"},"image-cropper":{error:"画像以外のオブジェクトはトリミングできません。"},"image-panel":{arrange:{title:"配置",forward:"前面へ移動",backward:"背面へ移動",front:"最前面へ移動",back:"最背面へ移動"},transform:{title:"変形",rotate:"回転 (°)",x:"X座標 (px)",y:"Y座標 (px)",width:"幅 (px)",height:"高さ (px)",lock:"縦横比を固定 (%)"},crop:{title:"トリミング",start:"トリミングを開始",mode:"自由モード"},group:{title:"グループ",group:"グループ化",reGroup:"再グループ化",unGroup:"グループ解除"},align:{title:"整列",default:"整列タイプを選択",left:"左揃え",center:"中央揃え",right:"右揃え",top:"上揃え",middle:"中央揃え",bottom:"下揃え",horizon:"水平間隔を均等に配分",vertical:"垂直間隔を均等に配分"},null:"選択されたオブジェクトがありません"},"drawing-view":"描画",shortcut:{"drawing-move-down":"図形を下へ移動","drawing-move-up":"図形を上へ移動","drawing-move-left":"図形を左へ移動","drawing-move-right":"図形を右へ移動","drawing-delete":"図形を削除"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiJaJP=t())})(this,function(){return{"image-popup":{replace:`置換`,delete:`削除`,edit:`編集`,crop:`トリミング`,reset:`サイズをリセット`},"image-cropper":{error:`画像以外のオブジェクトはトリミングできません。`},"image-panel":{arrange:{title:`配置`,forward:`前面へ移動`,backward:`背面へ移動`,front:`最前面へ移動`,back:`最背面へ移動`},transform:{title:`変形`,rotate:`回転 (°)`,x:`X座標 (px)`,y:`Y座標 (px)`,width:`幅 (px)`,height:`高さ (px)`,lock:`縦横比を固定 (%)`},crop:{title:`トリミング`,start:`トリミングを開始`,mode:`自由モード`},group:{title:`グループ`,group:`グループ化`,reGroup:`再グループ化`,unGroup:`グループ解除`},align:{title:`整列`,default:`整列タイプを選択`,left:`左揃え`,center:`中央揃え`,right:`右揃え`,top:`上揃え`,middle:`中央揃え`,bottom:`下揃え`,horizon:`水平間隔を均等に配分`,vertical:`垂直間隔を均等に配分`},null:`選択されたオブジェクトがありません`},"drawing-view":`描画`,shortcut:{"drawing-move-down":`図形を下へ移動`,"drawing-move-up":`図形を上へ移動`,"drawing-move-left":`図形を左へ移動`,"drawing-move-right":`図形を右へ移動`,"drawing-delete":`図形を削除`}}});

package/lib/umd/locale/ko-KR.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiKoKR=t())})(this,(function(){"use strict";return{"image-popup":{replace:"교체",delete:"삭제",edit:"편집",crop:"자르기",reset:"크기 초기화"},"image-cropper":{error:"이미지가 아닌 객체는 자를 수 없습니다."},"image-panel":{arrange:{title:"정렬",forward:"앞으로 가져오기",backward:"뒤로 보내기",front:"맨 앞으로 가져오기",back:"맨 뒤로 보내기"},transform:{title:"변형",rotate:"회전 (°)",x:"X 좌표 (px)",y:"Y 좌표 (px)",width:"너비 (px)",height:"높이 (px)",lock:"비율 고정 (%)"},crop:{title:"자르기",start:"자르기 시작",mode:"자유 모드"},group:{title:"그룹",group:"그룹화",reGroup:"다시 그룹화",unGroup:"그룹 해제"},align:{title:"맞춤",default:"맞춤 유형 선택",left:"왼쪽 맞춤",center:"가운데 맞춤",right:"오른쪽 맞춤",top:"위쪽 맞춤",middle:"가운데 맞춤",bottom:"아래쪽 맞춤",horizon:"수평 간격 균등 분배",vertical:"수직 간격 균등 분배"},null:"선택된 객체가 없습니다"},"drawing-view":"그리기",shortcut:{"drawing-move-down":"그리기 아래로 이동","drawing-move-up":"그리기 위로 이동","drawing-move-left":"그리기 왼쪽으로 이동","drawing-move-right":"그리기 오른쪽으로 이동","drawing-delete":"그리기 삭제"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiKoKR=t())})(this,function(){return{"image-popup":{replace:`교체`,delete:`삭제`,edit:`편집`,crop:`자르기`,reset:`크기 초기화`},"image-cropper":{error:`이미지가 아닌 객체는 자를 수 없습니다.`},"image-panel":{arrange:{title:`정렬`,forward:`앞으로 가져오기`,backward:`뒤로 보내기`,front:`맨 앞으로 가져오기`,back:`맨 뒤로 보내기`},transform:{title:`변형`,rotate:`회전 (°)`,x:`X 좌표 (px)`,y:`Y 좌표 (px)`,width:`너비 (px)`,height:`높이 (px)`,lock:`비율 고정 (%)`},crop:{title:`자르기`,start:`자르기 시작`,mode:`자유 모드`},group:{title:`그룹`,group:`그룹화`,reGroup:`다시 그룹화`,unGroup:`그룹 해제`},align:{title:`맞춤`,default:`맞춤 유형 선택`,left:`왼쪽 맞춤`,center:`가운데 맞춤`,right:`오른쪽 맞춤`,top:`위쪽 맞춤`,middle:`가운데 맞춤`,bottom:`아래쪽 맞춤`,horizon:`수평 간격 균등 분배`,vertical:`수직 간격 균등 분배`},null:`선택된 객체가 없습니다`},"drawing-view":`그리기`,shortcut:{"drawing-move-down":`그리기 아래로 이동`,"drawing-move-up":`그리기 위로 이동`,"drawing-move-left":`그리기 왼쪽으로 이동`,"drawing-move-right":`그리기 오른쪽으로 이동`,"drawing-delete":`그리기 삭제`}}});

package/lib/umd/locale/ru-RU.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiRuRU=t())})(this,(function(){"use strict";return{"image-popup":{replace:"Заменить",delete:"Удалить",edit:"Редактировать",crop:"Обрезать",reset:"Сбросить размер"},"image-cropper":{error:"Невозможно обрезать не изображения."},"image-panel":{arrange:{title:"Расположение",forward:"Переместить вперёд",backward:"Переместить назад",front:"На передний план",back:"На задний план"},transform:{title:"Трансформация",rotate:"Повернуть (°)",x:"X (пкс)",y:"Y (пкс)",width:"Ширина (пкс)",height:"Высота (пкс)",lock:"Заблокировать пропорции (%)"},crop:{title:"Обрезка",start:"Начать обрезку",mode:"Свободный"},group:{title:"Группировка",group:"Сгруппировать",reGroup:"Перегруппировать",unGroup:"Разгруппировать"},align:{title:"Выравнивание",default:"Выберите тип выравнивания",left:"Выровнять по левому краю",center:"Выровнять по центру",right:"Выровнять по правому краю",top:"Выровнять по верхнему краю",middle:"Выровнять посередине",bottom:"Выровнять по нижнему краю",horizon:"Распределить горизонтально",vertical:"Распределить вертикально"},null:"Нет выбранных объектов"},"drawing-view":"Изображение",shortcut:{"drawing-move-down":"Переместить изображение вниз","drawing-move-up":"Переместить изображение вверх","drawing-move-left":"Переместить изображение влево","drawing-move-right":"Переместить изображение вправо","drawing-delete":"Удалить изображение"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiRuRU=t())})(this,function(){return{"image-popup":{replace:`Заменить`,delete:`Удалить`,edit:`Редактировать`,crop:`Обрезать`,reset:`Сбросить размер`},"image-cropper":{error:`Невозможно обрезать не изображения.`},"image-panel":{arrange:{title:`Расположение`,forward:`Переместить вперёд`,backward:`Переместить назад`,front:`На передний план`,back:`На задний план`},transform:{title:`Трансформация`,rotate:`Повернуть (°)`,x:`X (пкс)`,y:`Y (пкс)`,width:`Ширина (пкс)`,height:`Высота (пкс)`,lock:`Заблокировать пропорции (%)`},crop:{title:`Обрезка`,start:`Начать обрезку`,mode:`Свободный`},group:{title:`Группировка`,group:`Сгруппировать`,reGroup:`Перегруппировать`,unGroup:`Разгруппировать`},align:{title:`Выравнивание`,default:`Выберите тип выравнивания`,left:`Выровнять по левому краю`,center:`Выровнять по центру`,right:`Выровнять по правому краю`,top:`Выровнять по верхнему краю`,middle:`Выровнять посередине`,bottom:`Выровнять по нижнему краю`,horizon:`Распределить горизонтально`,vertical:`Распределить вертикально`},null:`Нет выбранных объектов`},"drawing-view":`Изображение`,shortcut:{"drawing-move-down":`Переместить изображение вниз`,"drawing-move-up":`Переместить изображение вверх`,"drawing-move-left":`Переместить изображение влево`,"drawing-move-right":`Переместить изображение вправо`,"drawing-delete":`Удалить изображение`}}});

package/lib/umd/locale/sk-SK.js

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o():typeof define=="function"&&define.amd?define(o):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiSkSK=o())})(this,(function(){"use strict";return{"image-popup":{replace:"Nahradiť",delete:"Odstrániť",edit:"Upraviť",crop:"Orezať",reset:"Obnoviť veľkosť"},"image-cropper":{error:"Nedá sa orezať neobrázkový objekt."},"image-panel":{arrange:{title:"Usporiadať",forward:"Posunúť dopredu",backward:"Posunúť dozadu",front:"Presunúť do popredia",back:"Presunúť do pozadia"},transform:{title:"Transformovať",rotate:"Otočiť (°)",x:"X (px)",y:"Y (px)",width:"Šírka (px)",height:"Výška (px)",lock:"Uzamknúť pomer (%)"},crop:{title:"Orezanie",start:"Začať orezanie",mode:"Voľne"},group:{title:"Zoskupiť",group:"Zoskupiť",reGroup:"Znovu zoskupiť",unGroup:"Zrušiť zoskupenie"},align:{title:"Zarovnať",default:"Vyberte typ zarovnania",left:"Zarovnať doľava",center:"Zarovnať na stred",right:"Zarovnať doprava",top:"Zarovnať hore",middle:"Zarovnať na stred",bottom:"Zarovnať dole",horizon:"Rozložiť vodorovne",vertical:"Rozložiť zvisle"},null:"Nie je vybraný žiadny objekt"},"drawing-view":"Kresba",shortcut:{"drawing-move-down":"Posunúť kresbu nadol","drawing-move-up":"Posunúť kresbu nahor","drawing-move-left":"Posunúť kresbu doľava","drawing-move-right":"Posunúť kresbu doprava","drawing-delete":"Odstrániť kresbu"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiSkSK=t())})(this,function(){return{"image-popup":{replace:`Nahradiť`,delete:`Odstrániť`,edit:`Upraviť`,crop:`Orezať`,reset:`Obnoviť veľkosť`},"image-cropper":{error:`Nedá sa orezať neobrázkový objekt.`},"image-panel":{arrange:{title:`Usporiadať`,forward:`Posunúť dopredu`,backward:`Posunúť dozadu`,front:`Presunúť do popredia`,back:`Presunúť do pozadia`},transform:{title:`Transformovať`,rotate:`Otočiť (°)`,x:`X (px)`,y:`Y (px)`,width:`Šírka (px)`,height:`Výška (px)`,lock:`Uzamknúť pomer (%)`},crop:{title:`Orezanie`,start:`Začať orezanie`,mode:`Voľne`},group:{title:`Zoskupiť`,group:`Zoskupiť`,reGroup:`Znovu zoskupiť`,unGroup:`Zrušiť zoskupenie`},align:{title:`Zarovnať`,default:`Vyberte typ zarovnania`,left:`Zarovnať doľava`,center:`Zarovnať na stred`,right:`Zarovnať doprava`,top:`Zarovnať hore`,middle:`Zarovnať na stred`,bottom:`Zarovnať dole`,horizon:`Rozložiť vodorovne`,vertical:`Rozložiť zvisle`},null:`Nie je vybraný žiadny objekt`},"drawing-view":`Kresba`,shortcut:{"drawing-move-down":`Posunúť kresbu nadol`,"drawing-move-up":`Posunúť kresbu nahor`,"drawing-move-left":`Posunúť kresbu doľava`,"drawing-move-right":`Posunúť kresbu doprava`,"drawing-delete":`Odstrániť kresbu`}}});

package/lib/umd/locale/vi-VN.js

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?module.exports=e():typeof define=="function"&&define.amd?define(e):(n=typeof globalThis<"u"?globalThis:n||self,n.UniverDrawingUiViVN=e())})(this,(function(){"use strict";return{"image-popup":{replace:"Thay thế",delete:"Xóa",edit:"Chỉnh sửa",crop:"Cắt",reset:"Đặt lại kích thước"},"image-cropper":{error:"Không thể cắt phần tử không phải hình ảnh"},"image-panel":{arrange:{title:"Sắp xếp",forward:"Di chuyển lên một lớp",backward:"Di chuyển xuống một lớp",front:"Đưa lên trên cùng",back:"Đưa xuống dưới cùng"},transform:{title:"Biến đổi",rotate:"Xoay (°)",x:"X (px)",y:"Y (px)",width:"Chiều rộng (px)",height:"Chiều cao (px)",lock:"Khóa tỷ lệ (%)"},crop:{title:"Cắt",start:"Bắt đầu cắt",mode:"Cắt tự do tỷ lệ"},group:{title:"Nhóm",group:"Nhóm",reGroup:"Nhóm lại",unGroup:"Hủy nhóm"},align:{title:"Căn chỉnh",default:"Chọn cách căn chỉnh",left:"Căn trái",center:"Căn giữa theo chiều ngang",right:"Căn phải",top:"Căn trên",middle:"Căn giữa theo chiều dọc",bottom:"Căn dưới",horizon:"Phân phối theo chiều ngang",vertical:"Phân phối theo chiều dọc"},null:"Không có đối tượng nào được chọn"},"drawing-view":"Drawing",shortcut:{"drawing-move-down":"Move Drawing down","drawing-move-up":"Move Drawing up","drawing-move-left":"Move Drawing left","drawing-move-right":"Move Drawing right","drawing-delete":"Delete Drawing"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiViVN=t())})(this,function(){return{"image-popup":{replace:`Thay thế`,delete:`Xóa`,edit:`Chỉnh sửa`,crop:`Cắt`,reset:`Đặt lại kích thước`},"image-cropper":{error:`Không thể cắt phần tử không phải hình ảnh`},"image-panel":{arrange:{title:`Sắp xếp`,forward:`Di chuyển lên một lớp`,backward:`Di chuyển xuống một lớp`,front:`Đưa lên trên cùng`,back:`Đưa xuống dưới cùng`},transform:{title:`Biến đổi`,rotate:`Xoay (°)`,x:`X (px)`,y:`Y (px)`,width:`Chiều rộng (px)`,height:`Chiều cao (px)`,lock:`Khóa tỷ lệ (%)`},crop:{title:`Cắt`,start:`Bắt đầu cắt`,mode:`Cắt tự do tỷ lệ`},group:{title:`Nhóm`,group:`Nhóm`,reGroup:`Nhóm lại`,unGroup:`Hủy nhóm`},align:{title:`Căn chỉnh`,default:`Chọn cách căn chỉnh`,left:`Căn trái`,center:`Căn giữa theo chiều ngang`,right:`Căn phải`,top:`Căn trên`,middle:`Căn giữa theo chiều dọc`,bottom:`Căn dưới`,horizon:`Phân phối theo chiều ngang`,vertical:`Phân phối theo chiều dọc`},null:`Không có đối tượng nào được chọn`},"drawing-view":`Drawing`,shortcut:{"drawing-move-down":`Move Drawing down`,"drawing-move-up":`Move Drawing up`,"drawing-move-left":`Move Drawing left`,"drawing-move-right":`Move Drawing right`,"drawing-delete":`Delete Drawing`}}});

package/lib/umd/locale/zh-CN.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiZhCN=t())})(this,(function(){"use strict";return{"image-popup":{replace:"替换",delete:"删除",edit:"编辑",crop:"裁剪",reset:"重置大小"},"image-cropper":{error:"无法裁剪非图片元素"},"image-panel":{arrange:{title:"排列",forward:"上移一层",backward:"下移一层",front:"置于顶层",back:"置于底层"},transform:{title:"变换",rotate:"旋转 (°)",x:"X (px)",y:"Y (px)",width:"宽度 (px)",height:"高度 (px)",lock:"锁定比例 (%)"},crop:{title:"裁剪",start:"开始裁剪",mode:"自由比例裁剪"},group:{title:"组合",group:"组合",reGroup:"重新组合",unGroup:"取消组合"},align:{title:"对齐方式",default:"选择对齐方式",left:"左对齐",center:"水平居中",right:"右对齐",top:"顶部对齐",middle:"垂直居中",bottom:"底部对齐",horizon:"水平分布",vertical:"垂直分布"},null:"未选中任何对象"},"drawing-view":"绘图",shortcut:{"drawing-move-down":"下移绘图","drawing-move-up":"上移绘图","drawing-move-left":"左移绘图","drawing-move-right":"右移绘图","drawing-delete":"删除绘图"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiZhCN=t())})(this,function(){return{"image-popup":{replace:`替换`,delete:`删除`,edit:`编辑`,crop:`裁剪`,reset:`重置大小`},"image-cropper":{error:`无法裁剪非图片元素`},"image-panel":{arrange:{title:`排列`,forward:`上移一层`,backward:`下移一层`,front:`置于顶层`,back:`置于底层`},transform:{title:`变换`,rotate:`旋转 (°)`,x:`X (px)`,y:`Y (px)`,width:`宽度 (px)`,height:`高度 (px)`,lock:`锁定比例 (%)`},crop:{title:`裁剪`,start:`开始裁剪`,mode:`自由比例裁剪`},group:{title:`组合`,group:`组合`,reGroup:`重新组合`,unGroup:`取消组合`},align:{title:`对齐方式`,default:`选择对齐方式`,left:`左对齐`,center:`水平居中`,right:`右对齐`,top:`顶部对齐`,middle:`垂直居中`,bottom:`底部对齐`,horizon:`水平分布`,vertical:`垂直分布`},null:`未选中任何对象`},"drawing-view":`绘图`,shortcut:{"drawing-move-down":`下移绘图`,"drawing-move-up":`上移绘图`,"drawing-move-left":`左移绘图`,"drawing-move-right":`右移绘图`,"drawing-delete":`删除绘图`}}});

package/lib/umd/locale/zh-TW.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t():typeof define=="function"&&define.amd?define(t):(e=typeof globalThis<"u"?globalThis:e||self,e.UniverDrawingUiZhTW=t())})(this,(function(){"use strict";return{"image-popup":{replace:"替換",delete:"刪除",edit:"編輯",crop:"裁切",reset:"重置大小"},"image-cropper":{error:"無法裁切非圖片元素"},"image-panel":{arrange:{title:"排列",forward:"上移一層",backward:"下移一層",front:"置於頂層",back:"置於底層"},transform:{title:"變換",rotate:"旋轉 (°)",x:"X (px)",y:"Y (px)",width:"寬度 (px)",height:"高度 (px)",lock:"鎖定比例 (%)"},crop:{title:"裁切",start:"開始裁切",mode:"自由比例裁切"},group:{title:"組合",group:"組合",reGroup:"重新組合",unGroup:"取消組合"},align:{title:"對齊方式",default:"選擇對齊方式",left:"左對齊",center:"水平居中",right:"右對齊",top:"頂部對齊",middle:"垂直居中",bottom:"底部對齊",horizon:"水平分佈",vertical:"垂直分佈"},null:"未選取任何物件"},"drawing-view":"繪圖",shortcut:{"drawing-move-down":"下移繪圖","drawing-move-up":"上移繪圖","drawing-move-left":"左移繪圖","drawing-move-right":"右移繪圖","drawing-delete":"刪除繪圖"}}}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?module.exports=t():typeof define==`function`&&define.amd?define([],t):(e=typeof globalThis<`u`?globalThis:e||self,e.UniverDrawingUiZhTW=t())})(this,function(){return{"image-popup":{replace:`替換`,delete:`刪除`,edit:`編輯`,crop:`裁切`,reset:`重置大小`},"image-cropper":{error:`無法裁切非圖片元素`},"image-panel":{arrange:{title:`排列`,forward:`上移一層`,backward:`下移一層`,front:`置於頂層`,back:`置於底層`},transform:{title:`變換`,rotate:`旋轉 (°)`,x:`X (px)`,y:`Y (px)`,width:`寬度 (px)`,height:`高度 (px)`,lock:`鎖定比例 (%)`},crop:{title:`裁切`,start:`開始裁切`,mode:`自由比例裁切`},group:{title:`組合`,group:`組合`,reGroup:`重新組合`,unGroup:`取消組合`},align:{title:`對齊方式`,default:`選擇對齊方式`,left:`左對齊`,center:`水平居中`,right:`右對齊`,top:`頂部對齊`,middle:`垂直居中`,bottom:`底部對齊`,horizon:`水平分佈`,vertical:`垂直分佈`},null:`未選取任何物件`},"drawing-view":`繪圖`,shortcut:{"drawing-move-down":`下移繪圖`,"drawing-move-up":`上移繪圖`,"drawing-move-left":`左移繪圖`,"drawing-move-right":`右移繪圖`,"drawing-delete":`刪除繪圖`}}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/drawing-ui",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "private": false,
   "description": "",
   "author": "DreamNum <developer@univer.ai>",
@@ -53,11 +53,11 @@
   },
   "dependencies": {
     "@univerjs/icons": "^1.1.1",
-    "@univerjs/core": "0.17.0",
-    "@univerjs/design": "0.17.0",
-    "@univerjs/drawing": "0.17.0",
-    "@univerjs/ui": "0.17.0",
-    "@univerjs/engine-render": "0.17.0"
+    "@univerjs/core": "0.18.0",
+    "@univerjs/design": "0.18.0",
+    "@univerjs/drawing": "0.18.0",
+    "@univerjs/engine-render": "0.18.0",
+    "@univerjs/ui": "0.18.0"
   },
   "devDependencies": {
     "postcss": "^8.5.8",
@@ -65,16 +65,17 @@
     "rxjs": "^7.8.2",
     "tailwindcss": "3.4.18",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.18",
-    "@univerjs-infra/shared": "0.17.0"
+    "vitest": "^4.1.0",
+    "@univerjs-infra/shared": "0.18.0"
   },
   "scripts": {
     "test": "vitest run",
     "test:watch": "vitest",
     "coverage": "vitest run --coverage",
     "typecheck": "tsc --noEmit",
-    "build": "univer-cli build"
+    "build:bundle": "univer-cli build",
+    "build:types": "tsc -p tsconfig.node.json",
+    "build": "pnpm run build:bundle && pnpm run build:types"
   },
   "module": "./lib/es/index.js"
 }