npm - @univerjs/drawing-ui - Versions diffs - 0.3.0-alpha.0 → 0.3.0-nightly.202410101606 - Mend

@univerjs/drawing-ui 0.3.0-alpha.0 → 0.3.0-nightly.202410101606

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/lib/cjs/index.js +1 -1
package/lib/es/index.js +1 -1838
package/lib/types/controllers/drawing-update.controller.d.ts +1 -1
package/lib/types/controllers/image-update.controller.d.ts +1 -1
package/lib/types/plugin.d.ts +2 -1
package/lib/umd/index.js +1 -1
package/package.json +13 -14
package/LICENSE +0 -176

package/lib/cjs/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __publicField=(obj,key,value)=>__defNormalProp(obj,typeof key!="symbol"?key+"":key,value);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const drawing=require("@univerjs/drawing"),engineRender=require("@univerjs/engine-render"),core=require("@univerjs/core"),React=require("react"),design=require("@univerjs/design"),clsx=require("clsx"),ui=require("@univerjs/ui"),rxjs=require("rxjs");function insertGroupObject(objectParam,object,scene,drawingManagerService){const groupParam=drawingManagerService.getDrawingByParam(objectParam);if(groupParam==null)return;const groupKey=drawing.getDrawingShapeKeyByDrawingSearch(objectParam),groupObject=scene.getObject(groupKey);if(groupObject&&!(groupObject instanceof engineRender.Group))return;if(groupObject!=null){groupObject.addObject(object);return}const group=new engineRender.Group(groupKey);scene.addObject(group,engineRender.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(group),group.addObject(object);const{transform}=groupParam;transform&&group.transformByState({left:transform.left,top:transform.top,angle:transform.angle})}__name(insertGroupObject,"insertGroupObject");function getCurrentUnitInfo(currentUniverService,propUnitId){var _a7;const current=propUnitId?currentUniverService.getUnit(propUnitId):currentUniverService.getFocusedUnit();if(current==null)return;const unitId=current.getUnitId();let subUnitId;return current.type===core.UniverInstanceType.UNIVER_SHEET?subUnitId=(_a7=current.getActiveSheet())==null?void 0:_a7.getSheetId():(current.type===core.UniverInstanceType.UNIVER_DOC\|\|current.type===core.UniverInstanceType.UNIVER_SLIDE)&&(subUnitId=unitId),{unitId,subUnitId,current}}__name(getCurrentUnitInfo,"getCurrentUnitInfo");var __defProp$5=Object.defineProperty,__getOwnPropDesc$5=Object.getOwnPropertyDescriptor,__decorateClass$5=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$5(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))\|\|result);return kind&&result&&__defProp$5(target,key,result),result},"__decorateClass$5"),__decorateParam$5=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$5"),_a;exports.DrawingRenderService=(_a=class{constructor(_drawingManagerService,_imageIoService){this._drawingManagerService=_drawingManagerService,this._imageIoService=_imageIoService}async renderImages(imageParam,scene){const{transform:singleTransform,drawingType,source,imageSourceType,srcRect,prstGeom,groupId,unitId,subUnitId,drawingId,isMultiTransform,transforms:multiTransforms}=imageParam;if(drawingType!==drawing.DrawingTypeEnum.DRAWING_IMAGE\|\|!this._drawingManagerService.getDrawingVisible()\|\|singleTransform==null)return;const transforms=isMultiTransform&&multiTransforms?multiTransforms:[singleTransform],images=[];for(const transform of transforms){const{left,top,width,height,angle,flipX,flipY,skewX,skewY}=transform,index=transforms.indexOf(transform),imageShapeKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId},isMultiTransform?index:void 0),imageShape=scene.getObject(imageShapeKey);if(imageShape!=null){imageShape.transformByState({left,top,width,height,angle,flipX,flipY,skewX,skewY});continue}const orders=this._drawingManagerService.getDrawingOrder(unitId,subUnitId),zIndex=orders.indexOf(drawingId),imageConfig={...transform,zIndex:zIndex===-1?orders.length-1:zIndex},imageNativeCache=this._imageIoService.getImageSourceCache(source,imageSourceType);let shouldBeCache=!1;if(imageNativeCache!=null)imageConfig.image=imageNativeCache;else{if(imageSourceType===drawing.ImageSourceType.UUID)try{imageConfig.url=await this._imageIoService.getImage(source)}catch(error){console.error(error);continue}else imageConfig.url=source;shouldBeCache=!0}if(scene.getObject(imageShapeKey))continue;imageConfig.printable=!0;const image=new engineRender.Image(imageShapeKey,imageConfig);if(shouldBeCache&&this._imageIoService.addImageSourceCache(source,imageSourceType,image.getNative()),!this._drawingManagerService.getDrawingVisible())continue;const imageObject=scene.addObject(image,engineRender.DRAWING_OBJECT_LAYER_INDEX);this._drawingManagerService.getDrawingEditable()&&imageObject.attachTransformerTo(image),groupId&&insertGroupObject({drawingId:groupId,unitId,subUnitId},image,scene,this._drawingManagerService),prstGeom!=null&&image.setPrstGeom(prstGeom),srcRect!=null&&image.setSrcRect(srcRect),images.push(image)}return images}renderDrawing(param,scene){const drawingParam=this._drawingManagerService.getDrawingByParam(param);if(drawingParam!=null)switch(drawingParam.drawingType){case drawing.DrawingTypeEnum.DRAWING_IMAGE:return this.renderImages(drawingParam,scene)}}},__name(_a,"DrawingRenderService"),_a);exports.DrawingRenderService=__decorateClass$5([__decorateParam$5(0,drawing.IDrawingManagerService),__decorateParam$5(1,drawing.IImageIoService)],exports.DrawingRenderService);function getUpdateParams(objects,drawingManagerService){const params=[];return objects.forEach(object=>{const{oKey,left,top,height,width,angle}=object,searchParam=drawingManagerService.getDrawingOKey(oKey);if(searchParam==null)return params.push(null),!0;const{unitId,subUnitId,drawingId,drawingType}=searchParam,param={unitId,subUnitId,drawingId,drawingType,transform:{left,top,height,width,angle}};drawingType===drawing.DrawingTypeEnum.DRAWING_IMAGE&&(param.srcRect=object.srcRect),params.push(param)}),params}__name(getUpdateParams,"getUpdateParams");var __assign=function(){return __assign=Object.assign\|\|function(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p])}return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]]);return t},IconBase=React.forwardRef(function(props,ref){var icon=props.icon,id=props.id,className=props.className,extend=props.extend,restProps=__rest(props,["icon","id","className","extend"]),cls="univerjs-icon univerjs-icon-".concat(id," ").concat(className\|\|"").trim(),idSuffix=React.useRef("_".concat(generateShortUuid()));return render(icon,"".concat(id),{defIds:icon.defIds,idSuffix:idSuffix.current},__assign({ref,className:cls},restProps),extend)});function render(node,id,runtimeProps,rootProps,extend){return React.createElement(node.tag,__assign(__assign({key:id},replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend)),rootProps),(replaceRuntimeIdsInDefs(node,runtimeProps).children\|\|[]).map(function(child,index){return render(child,"".concat(id,"-").concat(node.tag,"-").concat(index),runtimeProps,void 0,extend)}))}__name(render,"render");function replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend){var attrs=__assign({},node.attrs);extend!=null&&extend.colorChannel1&&attrs.fill==="colorChannel1"&&(attrs.fill=extend.colorChannel1);var defIds=runtimeProps.defIds;return!defIds\|\|defIds.length===0\|\|(node.tag==="use"&&attrs["xlink:href"]&&(attrs["xlink:href"]=attrs["xlink:href"]+runtimeProps.idSuffix),Object.entries(attrs).forEach(function(_a7){var key=_a7[0],value=_a7[1];typeof value=="string"&&(attrs[key]=value.replace(/url$#(.)$/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a7,defIds=runtimeProps.defIds;return!defIds\|\|defIds.length===0?node:node.tag==="defs"&&(!((_a7=node.children)===null\|\|_a7===void 0)&&_a7.length)?__assign(__assign({},node),{children:node.children.map(function(child){return typeof child.attrs.id=="string"&&defIds&&defIds.indexOf(child.attrs.id)>-1?__assign(__assign({},child),{attrs:__assign(__assign({},child.attrs),{id:child.attrs.id+runtimeProps.idSuffix})}):child})}):node}__name(replaceRuntimeIdsInDefs,"replaceRuntimeIdsInDefs");function generateShortUuid(){return Math.random().toString(36).substring(2,8)}__name(generateShortUuid,"generateShortUuid");IconBase.displayName="UniverIcon";var element$8={tag:"svg",attrs:{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.56377zM2.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.83647zM9.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"}}]},Autofill=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"autofill",ref,icon:element$8}))});Autofill.displayName="Autofill";var element$7={tag:"svg",attrs:{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.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.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.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.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.9999 3.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.7421 6.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.56641 9.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.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},BottomSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"bottom-single",ref,icon:element$7}))});BottomSingle.displayName="BottomSingle";var element$6={tag:"svg",attrs:{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.51296 9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296zM6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103 5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103 11.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"}}]},CreateCopySingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"create-copy-single",ref,icon:element$6}))});CreateCopySingle.displayName="CreateCopySingle";var element$5={tag:"svg",attrs:{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"}}]},GroupSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"group-single",ref,icon:element$5}))});GroupSingle.displayName="GroupSingle";var element$4={tag:"svg",attrs:{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"}}]},MoreDownSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"more-down-single",ref,icon:element$4}))});MoreDownSingle.displayName="MoreDownSingle";var element$3={tag:"svg",attrs:{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"}}]},MoveDownSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"move-down-single",ref,icon:element$3}))});MoveDownSingle.displayName="MoveDownSingle";var element$2={tag:"svg",attrs:{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"}}]},MoveUpSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"move-up-single",ref,icon:element$2}))});MoveUpSingle.displayName="MoveUpSingle";var element$1={tag:"svg",attrs:{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 9 15.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 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.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.1665 15.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.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},TopmostSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"topmost-single",ref,icon:element$1}))});TopmostSingle.displayName="TopmostSingle";var element={tag:"svg",attrs:{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"}}]},UngroupSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"ungroup-single",ref,icon:element}))});UngroupSingle.displayName="UngroupSingle";const imageCommonPanel="univer-image-common-panel",imageCommonPanelGrid="univer-image-common-panel-grid",imageCommonPanelBorder="univer-image-common-panel-border",imageCommonPanelTitle="univer-image-common-panel-title",imageCommonPanelSubtitle="univer-image-common-panel-subtitle",imageCommonPanelRow="univer-image-common-panel-row",imageCommonPanelRowVertical="univer-image-common-panel-row-vertical",imageCommonPanelColumn="univer-image-common-panel-column",imageCommonPanelColumnCenter="univer-image-common-panel-column-center",imageCommonPanelInline="univer-image-common-panel-inline",imageCommonPanelSpan2="univer-image-common-panel-span2",imageCommonPanelSpan3="univer-image-common-panel-span3",imageCommonPanelInput="univer-image-common-panel-input",styles$1={imageCommonPanel,imageCommonPanelGrid,imageCommonPanelBorder,imageCommonPanelTitle,imageCommonPanelSubtitle,imageCommonPanelRow,imageCommonPanelRowVertical,imageCommonPanelColumn,imageCommonPanelColumnCenter,imageCommonPanelInline,imageCommonPanelSpan2,imageCommonPanelSpan3,imageCommonPanelInput},DrawingArrange=__name(props=>{const{arrangeShow,drawings:focusDrawings}=props,localeService=core.useDependency(core.LocaleService),drawingManagerService=core.useDependency(drawing.IDrawingManagerService),gridDisplay=__name(isShow=>isShow?"block":"none","gridDisplay"),[drawings,setDrawings]=React.useState(focusDrawings);React.useEffect(()=>{const focusDispose=drawingManagerService.focus$.subscribe(drawings2=>{setDrawings(drawings2)});return()=>{focusDispose.unsubscribe()}},[]);const onArrangeBtnClick=__name(arrangeType=>{const unitId=drawings[0].unitId,subUnitId=drawings[0].subUnitId,drawingIds=drawings.map(drawing2=>drawing2.drawingId);drawingManagerService.featurePluginOrderUpdateNotification({unitId,subUnitId,drawingIds,arrangeType})},"onArrangeBtnClick");return React.createElement("div",{className:styles$1.imageCommonPanelGrid,style:{display:gridDisplay(arrangeShow)}},React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelTitle)},React.createElement("div",null,localeService.t("image-panel.arrange.title")))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan2)},React.createElement(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(drawing.ArrangeTypeEnum.forward)},"onClick")},React.createElement("span",{className:styles$1.imageCommonPanelInline},React.createElement(MoveUpSingle,null),localeService.t("image-panel.arrange.forward")))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan2)},React.createElement(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(drawing.ArrangeTypeEnum.backward)},"onClick")},React.createElement("span",{className:styles$1.imageCommonPanelInline},React.createElement(MoveDownSingle,null),localeService.t("image-panel.arrange.backward"))))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan2)},React.createElement(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(drawing.ArrangeTypeEnum.front)},"onClick")},React.createElement("span",{className:styles$1.imageCommonPanelInline},React.createElement(TopmostSingle,null),localeService.t("image-panel.arrange.front")))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan2)},React.createElement(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(drawing.ArrangeTypeEnum.back)},"onClick")},React.createElement("span",{className:styles$1.imageCommonPanelInline},React.createElement(BottomSingle,null),localeService.t("image-panel.arrange.back"))))))},"DrawingArrange"),MIN_DRAWING_WIDTH_LIMIT=20,MIN_DRAWING_HEIGHT_LIMIT=20,RANGE_DRAWING_ROTATION_LIMIT=[-3600,3600],INPUT_DEBOUNCE_TIME=300,DrawingTransform=__name(props=>{var _a7;const localeService=core.useDependency(core.LocaleService),drawingManagerService=core.useDependency(drawing.IDrawingManagerService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),{drawings,transformShow}=props,drawingParam=drawings[0];if(drawingParam==null)return;const transform=drawingParam.transform;if(transform==null)return;const{unitId,subUnitId,drawingId,drawingType}=drawingParam,renderObject=renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return;const topScene=(_a7=scene.getEngine())==null?void 0:_a7.activeScene;if(topScene==null)return;const transformer=scene.getTransformerByCreate(),{width:originWidth=0,height:originHeight=0,left:originX=0,top:originY=0,angle:originRotation=0}=transform,[width,setWidth]=React.useState(originWidth),[height,setHeight]=React.useState(originHeight),[xPosition,setXPosition]=React.useState(originX),[yPosition,setYPosition]=React.useState(originY),[rotation,setRotation]=React.useState(originRotation),[lockRatio,setLockRatio]=React.useState(transformer.keepRatio),checkMoveBoundary=__name((left,top,width2,height2)=>{const{width:topSceneWidth,height:topSceneHeight}=topScene,{ancestorLeft,ancestorTop}=scene;let limitLeft=left,limitTop=top,limitWidth=width2,limitHeight=height2;return left+ancestorLeft<0&&(limitLeft=-ancestorLeft),top+ancestorTop<0&&(limitTop=-ancestorTop),limitWidth=topSceneWidth-limitLeft-ancestorLeft,limitWidth<MIN_DRAWING_WIDTH_LIMIT&&(limitWidth=MIN_DRAWING_WIDTH_LIMIT),limitHeight=topSceneHeight-limitTop-ancestorTop,limitHeight<MIN_DRAWING_WIDTH_LIMIT&&(limitHeight=MIN_DRAWING_WIDTH_LIMIT),left+limitWidth+ancestorLeft>topSceneWidth&&(limitLeft=topSceneWidth-width2-ancestorLeft),top+limitHeight+ancestorTop>topSceneHeight&&(limitTop=topSceneHeight-height2-ancestorTop),{limitLeft,limitTop,limitWidth,limitHeight}},"checkMoveBoundary"),changeObs=__name(state=>{const{objects}=state,params=getUpdateParams(objects,drawingManagerService);if(params.length!==1)return;const drawingParam2=params[0];if(drawingParam2==null)return;const{transform:transform2}=drawingParam2;if(transform2==null)return;const{width:originWidth2,height:originHeight2,left:originX2,top:originY2,angle:originRotation2}=transform2;originWidth2!=null&&setWidth(originWidth2),originHeight2!=null&&setHeight(originHeight2),originX2!=null&&setXPosition(originX2),originY2!=null&&setYPosition(originY2),originRotation2!=null&&setRotation(originRotation2)},"changeObs");React.useEffect(()=>{const subscriptions=[transformer.changeStart$.subscribe(state=>{changeObs(state)}),transformer.changing$.subscribe(state=>{changeObs(state)}),transformer.changeEnd$.subscribe(state=>{changeObs(state)}),drawingManagerService.focus$.subscribe(drawings2=>{if(drawings2.length!==1)return;const drawingParam2=drawingManagerService.getDrawingByParam(drawings2[0]);if(drawingParam2==null)return;const transform2=drawingParam2.transform;if(transform2==null)return;const{width:originWidth2,height:originHeight2,left:originX2,top:originY2,angle:originRotation2}=transform2;originWidth2!=null&&setWidth(originWidth2),originHeight2!=null&&setHeight(originHeight2),originX2!=null&&setXPosition(originX2),originY2!=null&&setYPosition(originY2),originRotation2!=null&&setRotation(originRotation2)})];return()=>{subscriptions.forEach(sub=>sub.unsubscribe())}},[]);const handleWidthChange=core.debounce(val=>{if(val==null)return;val=Math.max(val,MIN_DRAWING_WIDTH_LIMIT);const{limitWidth,limitHeight}=checkMoveBoundary(xPosition,yPosition,val,height);val=Math.min(val,limitWidth);const updateParam={unitId,subUnitId,drawingId,drawingType,transform:{width:val}};if(lockRatio){let heightFix=val/widthheight;if(heightFix=Math.max(heightFix,MIN_DRAWING_HEIGHT_LIMIT),heightFix>limitHeight)return;setHeight(heightFix),updateParam.transform.height=heightFix}setWidth(val),drawingManagerService.featurePluginUpdateNotification([updateParam]),transformer.refreshControls().changeNotification()},INPUT_DEBOUNCE_TIME),handleHeightChange=core.debounce(val=>{if(val==null)return;val=Math.max(val,MIN_DRAWING_WIDTH_LIMIT);const{limitHeight,limitWidth}=checkMoveBoundary(xPosition,yPosition,width,val);val=Math.min(val,limitHeight);const updateParam={unitId,subUnitId,drawingId,drawingType,transform:{height:val}};if(lockRatio){let widthFix=val/heightwidth;if(widthFix=Math.max(widthFix,MIN_DRAWING_WIDTH_LIMIT),widthFix>limitWidth)return;setWidth(widthFix),updateParam.transform.width=widthFix}setHeight(val),drawingManagerService.featurePluginUpdateNotification([updateParam]),transformer.refreshControls().changeNotification()},INPUT_DEBOUNCE_TIME),handleXChange=core.debounce(val=>{if(val==null)return;const{limitLeft}=checkMoveBoundary(val,yPosition,width,height);val=limitLeft;const updateParam={unitId,subUnitId,drawingId,drawingType,transform:{left:val}};setXPosition(val),drawingManagerService.featurePluginUpdateNotification([updateParam]),transformer.refreshControls().changeNotification()},INPUT_DEBOUNCE_TIME),handleYChange=core.debounce(val=>{if(val==null)return;const{limitTop}=checkMoveBoundary(xPosition,val,width,height);val=limitTop;const updateParam={unitId,subUnitId,drawingId,drawingType,transform:{top:val}};setYPosition(val),drawingManagerService.featurePluginUpdateNotification([updateParam]),transformer.refreshControls().changeNotification()},INPUT_DEBOUNCE_TIME),handleRotationChange=__name(val=>{if(val==null)return;const[min,max]=RANGE_DRAWING_ROTATION_LIMIT;val<min&&(val=min),val>max&&(val=max);const updateParam={unitId,subUnitId,drawingId,drawingType,transform:{angle:val}};setRotation(val),drawingManagerService.featurePluginUpdateNotification([updateParam]),transformer.refreshControls().changeNotification()},"handleRotationChange"),handleLockRatioChange=__name(val=>{setLockRatio(val),transformer.keepRatio=val},"handleLockRatioChange"),gridDisplay=__name(isShow=>isShow?"block":"none","gridDisplay");return React.createElement("div",{className:clsx(styles$1.imageCommonPanelGrid,styles$1.imageCommonPanelBorder),style:{display:gridDisplay(transformShow)}},React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelTitle)},React.createElement("div",null,localeService.t("image-panel.transform.title")))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan3)},React.createElement("label",null,React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},localeService.t("image-panel.transform.width"))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},React.createElement(design.InputNumber,{precision:1,value:width,onChange:__name(val=>{handleWidthChange(val)},"onChange"),className:styles$1.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan3)},React.createElement("label",null,React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},localeService.t("image-panel.transform.height"))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},React.createElement(design.InputNumber,{precision:1,value:height,onChange:__name(val=>{handleHeightChange(val)},"onChange"),className:styles$1.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan3)},React.createElement("label",null,React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},localeService.t("image-panel.transform.lock"))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelRow,styles$1.imageCommonPanelRowVertical)},React.createElement("div",{className:styles$1.imageCommonPanelColumn},React.createElement(design.Checkbox,{checked:lockRatio,onChange:handleLockRatioChange})))))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan3)},React.createElement("label",null,React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},localeService.t("image-panel.transform.x"))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},React.createElement(design.InputNumber,{precision:1,value:xPosition,onChange:__name(val=>{handleXChange(val)},"onChange"),className:styles$1.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan3)},React.createElement("label",null,React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},localeService.t("image-panel.transform.y"))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},React.createElement(design.InputNumber,{precision:1,value:yPosition,onChange:__name(val=>{handleYChange(val)},"onChange"),className:styles$1.imageCommonPanelInput}))))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan3)},React.createElement("label",null,React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},localeService.t("image-panel.transform.rotate"))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:styles$1.imageCommonPanelColumn},React.createElement(design.InputNumber,{precision:1,value:rotation,onChange:handleRotationChange,className:styles$1.imageCommonPanelInput})))))))},"DrawingTransform");var AlignType=(AlignType2=>(AlignType2.default="0",AlignType2.left="1",AlignType2.center="2",AlignType2.right="3",AlignType2.top="4",AlignType2.middle="5",AlignType2.bottom="6",AlignType2.horizon="7",AlignType2.vertical="8",AlignType2))(AlignType\|\|{});const SetDrawingAlignOperation={id:"sheet.operation.set-image-align",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>!0,"handler")},DrawingAlign=__name(props=>{const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),{alignShow}=props,[alignValue,setAlignValue]=React.useState(AlignType.default),alignOptions=[{label:localeService.t("image-panel.align.default"),value:AlignType.default},{options:[{label:localeService.t("image-panel.align.left"),value:AlignType.left},{label:localeService.t("image-panel.align.center"),value:AlignType.center},{label:localeService.t("image-panel.align.right"),value:AlignType.right}]},{options:[{label:localeService.t("image-panel.align.top"),value:AlignType.top},{label:localeService.t("image-panel.align.middle"),value:AlignType.middle},{label:localeService.t("image-panel.align.bottom"),value:AlignType.bottom}]},{options:[{label:localeService.t("image-panel.align.horizon"),value:AlignType.horizon},{label:localeService.t("image-panel.align.vertical"),value:AlignType.vertical}]}];function handleAlignChange(value){setAlignValue(value),commandService.executeCommand(SetDrawingAlignOperation.id,{alignType:value})}__name(handleAlignChange,"handleAlignChange");const gridDisplay=__name(isShow=>isShow?"block":"none","gridDisplay");return React.createElement("div",{className:clsx(styles$1.imageCommonPanelGrid,styles$1.imageCommonPanelBorder),style:{display:gridDisplay(alignShow)}},React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelTitle)},React.createElement("div",null,localeService.t("image-panel.align.title")))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn)},React.createElement(design.Select,{value:alignValue,options:alignOptions,onChange:handleAlignChange}))))},"DrawingAlign"),OpenImageCropOperation={id:"sheet.operation.open-image-crop",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>!0,"handler")},CloseImageCropOperation={id:"sheet.operation.close-image-crop",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>!0,"handler")};var CropType=(CropType2=>(CropType2.FREE="0",CropType2.R1_1="1",CropType2.R16_9="2",CropType2.R9_16="3",CropType2.R5_4="4",CropType2.R4_5="5",CropType2.R4_3="6",CropType2.R3_4="7",CropType2.R3_2="8",CropType2.R2_3="9",CropType2))(CropType\|\|{});const AutoImageCropOperation={id:"sheet.operation.Auto-image-crop",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>!0,"handler")},ImageCropper=__name(props=>{const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),{drawings,cropperShow}=props;if(drawings[0]==null)return;const[cropValue,setCropValue]=React.useState(CropType.FREE),cropStateRef=React.useRef(!1),cropOptions=[{label:localeService.t("image-panel.crop.mode"),value:CropType.FREE},{label:"1:1",value:CropType.R1_1},{label:"16:9",value:CropType.R16_9},{label:"9:16",value:CropType.R9_16},{label:"5:4",value:CropType.R5_4},{label:"4:5",value:CropType.R4_5},{label:"4:3",value:CropType.R4_3},{label:"3:4",value:CropType.R3_4},{label:"3:2",value:CropType.R3_2},{label:"2:3",value:CropType.R2_3}];React.useEffect(()=>{const onChangeStartObserver=commandService.onCommandExecuted(command=>{if(command.id===CloseImageCropOperation.id){const params=command.params;params!=null&&params.isAuto\|\|(cropStateRef.current=!1)}});return()=>{onChangeStartObserver==null\|\|onChangeStartObserver.dispose()}},[]);function handleCropChange(value){setCropValue(value),cropStateRef.current&&commandService.executeCommand(AutoImageCropOperation.id,{cropType:value})}__name(handleCropChange,"handleCropChange");const gridDisplay=__name(isShow=>isShow?"block":"none","gridDisplay"),onCropperBtnClick=__name(val=>{commandService.executeCommand(AutoImageCropOperation.id,{cropType:val}),cropStateRef.current=!0},"onCropperBtnClick");return React.createElement("div",{className:clsx(styles$1.imageCommonPanelGrid,styles$1.imageCommonPanelBorder),style:{display:gridDisplay(cropperShow)}},React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelTitle)},React.createElement("div",null,localeService.t("image-panel.crop.title")))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelRow,styles$1.imageCommonPanelRowVertical)},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan2)},React.createElement(design.Button,{size:"small",onClick:__name(()=>{onCropperBtnClick(cropValue)},"onClick")},React.createElement("span",{className:styles$1.imageCommonPanelInline},React.createElement(CreateCopySingle,null),localeService.t("image-panel.crop.start")))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan2)},React.createElement(design.Select,{value:cropValue,options:cropOptions,onChange:handleCropChange}))))},"ImageCropper"),DrawingGroup=__name(props=>{const localeService=core.useDependency(core.LocaleService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),drawingManagerService=core.useDependency(drawing.IDrawingManagerService),{hasGroup,drawings}=props,[groupShow,setGroupShow]=React.useState(!1),[groupBtnShow,setGroupBtnShow]=React.useState(!0),[ungroupBtnShow,setUngroupBtnShow]=React.useState(!0),gridDisplay=__name(isShow=>isShow?"block":"none","gridDisplay"),onGroupBtnClick=__name(()=>{const focusDrawings=drawingManagerService.getFocusDrawings(),{unitId,subUnitId}=focusDrawings[0],groupId=core.Tools.generateRandomId(10),groupTransform=engineRender.getGroupState(0,0,focusDrawings.map(o=>o.transform\|\|{})),groupParam={unitId,subUnitId,drawingId:groupId,drawingType:drawing.DrawingTypeEnum.DRAWING_GROUP,transform:groupTransform},children=focusDrawings.map(drawing2=>{const transform=drawing2.transform\|\|{left:0,top:0},{unitId:unitId2,subUnitId:subUnitId2,drawingId}=drawing2;return{unitId:unitId2,subUnitId:subUnitId2,drawingId,transform:{...transform,left:transform.left-groupTransform.left,top:transform.top-groupTransform.top},groupId}});drawingManagerService.featurePluginGroupUpdateNotification([{parent:groupParam,children}])},"onGroupBtnClick"),ungroup=__name(param=>{if(param.drawingType!==drawing.DrawingTypeEnum.DRAWING_GROUP)return;const{unitId,subUnitId,drawingId,transform:groupTransform={width:0,height:0}}=param;if(groupTransform==null)return;const objects=drawingManagerService.getDrawingsByGroup({unitId,subUnitId,drawingId});if(objects.length===0)return;const children=objects.map(object=>{const{transform}=object,{unitId:unitId2,subUnitId:subUnitId2,drawingId:drawingId2}=object,newTransform=engineRender.transformObjectOutOfGroup(transform\|\|{},groupTransform,groupTransform.width\|\|0,groupTransform.height\|\|0);return{unitId:unitId2,subUnitId:subUnitId2,drawingId:drawingId2,transform:{...transform,...newTransform},groupId:void 0}});return{parent:param,children}},"ungroup"),onUngroupBtnClick=__name(()=>{const params=drawingManagerService.getFocusDrawings().map(drawing2=>ungroup(drawing2)).filter(o=>o!=null);params.length!==0&&drawingManagerService.featurePluginUngroupUpdateNotification(params)},"onUngroupBtnClick");return React.useEffect(()=>{const drawingParam=drawings[0];if(drawingParam==null)return;const{unitId}=drawingParam,renderObject=renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return;const transformer=scene.getTransformerByCreate(),onClearControlObserver=transformer.clearControl$.subscribe(changeSelf=>{changeSelf===!0&&setGroupShow(!1)}),onChangeStartObserver=transformer.changeStart$.subscribe(state=>{const{objects}=state,params=getUpdateParams(objects,drawingManagerService),groupParams=params.filter(o=>(o==null?void 0:o.drawingType)===drawing.DrawingTypeEnum.DRAWING_GROUP);let groupBtnShow2=!1,ungroupBtnShow2=!1;params.length>1&&(groupBtnShow2=!0),groupParams.length>0&&(ungroupBtnShow2=!0),setGroupShow(groupBtnShow2\|\|ungroupBtnShow2),setGroupBtnShow(groupBtnShow2),setUngroupBtnShow(ungroupBtnShow2)});return()=>{onChangeStartObserver.unsubscribe(),onClearControlObserver.unsubscribe()}},[]),React.createElement("div",{className:clsx(styles$1.imageCommonPanelGrid,styles$1.imageCommonPanelBorder),style:{display:gridDisplay(hasGroup===!0?groupShow:!1)}},React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelTitle)},React.createElement("div",null,localeService.t("image-panel.group.title")))),React.createElement("div",{className:styles$1.imageCommonPanelRow},React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan2,styles$1.imageCommonPanelColumnCenter)},React.createElement(design.Button,{size:"small",onClick:__name(()=>{onGroupBtnClick()},"onClick"),style:{display:gridDisplay(groupBtnShow)}},React.createElement("span",{className:styles$1.imageCommonPanelInline},React.createElement(GroupSingle,null),localeService.t("image-panel.group.group")))),React.createElement("div",{className:clsx(styles$1.imageCommonPanelColumn,styles$1.imageCommonPanelSpan2,styles$1.imageCommonPanelColumnCenter)},React.createElement(design.Button,{size:"small",onClick:__name(()=>{onUngroupBtnClick()},"onClick"),style:{display:gridDisplay(ungroupBtnShow)}},React.createElement("span",{className:styles$1.imageCommonPanelInline},React.createElement(UngroupSingle,null),localeService.t("image-panel.group.unGroup"))))))},"DrawingGroup"),DrawingCommonPanel=__name(props=>{const drawingManagerService=core.useDependency(drawing.IDrawingManagerService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),localeService=core.useDependency(core.LocaleService),{drawings,hasArrange=!0,hasTransform=!0,hasAlign=!0,hasCropper=!0,hasGroup=!0}=props,drawingParam=drawings[0];if(drawingParam==null)return;const{unitId}=drawingParam,renderObject=renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return;const transformer=scene.getTransformerByCreate(),[arrangeShow,setArrangeShow]=React.useState(!0),[transformShow,setTransformShow]=React.useState(!0),[alignShow,setAlignShow]=React.useState(!1),[cropperShow,setCropperShow]=React.useState(!0),[nullShow,setNullShow]=React.useState(!1);return React.useEffect(()=>{const clearControlSub=transformer.clearControl$.subscribe(changeSelf=>{changeSelf===!0&&(setArrangeShow(!1),setTransformShow(!1),setAlignShow(!1),setCropperShow(!1),setNullShow(!0))}),changeStartSub=transformer.changeStart$.subscribe(state=>{const{objects}=state,params=getUpdateParams(objects,drawingManagerService);params.length===0?(setArrangeShow(!1),setTransformShow(!1),setAlignShow(!1),setCropperShow(!1),setNullShow(!0)):params.length===1?(setArrangeShow(!0),setTransformShow(!0),setAlignShow(!1),setCropperShow(!0),setNullShow(!1)):(setArrangeShow(!0),setTransformShow(!1),setAlignShow(!0),setCropperShow(!1),setNullShow(!1))}),focusSub=drawingManagerService.focus$.subscribe(drawings2=>{drawings2.length===0?(setArrangeShow(!1),setTransformShow(!1),setAlignShow(!1),setCropperShow(!1),setNullShow(!0)):drawings2.length===1?(setArrangeShow(!0),setTransformShow(!0),setAlignShow(!1),setCropperShow(!0),setNullShow(!1)):(setArrangeShow(!0),setTransformShow(!1),setAlignShow(!0),setCropperShow(!1),setNullShow(!1))});return()=>{changeStartSub.unsubscribe(),clearControlSub.unsubscribe(),focusSub.unsubscribe()}},[]),React.createElement(React.Fragment,null,React.createElement("div",{style:{display:nullShow===!0?"block":"none",height:"100%"}},React.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%",top:"50%",marginTop:"-100px"}},React.createElement("span",null,localeService.t("image-panel.null")))),React.createElement(DrawingArrange,{arrangeShow:hasArrange===!0?arrangeShow:!1,drawings}),React.createElement(DrawingTransform,{transformShow:hasTransform===!0?transformShow:!1,drawings}),React.createElement(DrawingAlign,{alignShow:hasAlign===!0?alignShow:!1,drawings}),React.createElement(ImageCropper,{cropperShow:hasCropper===!0?cropperShow:!1,drawings}),React.createElement(DrawingGroup,{hasGroup,drawings}))},"DrawingCommonPanel"),imagePopupMenu="univer-image-popup-menu",imagePopupMenuItem="univer-image-popup-menu-item",imagePopupMenuItemIcon="univer-image-popup-menu-item-icon",imagePopupMenuItemTitle="univer-image-popup-menu-item-title",imagePopupMenuItemHide="univer-image-popup-menu-item-hide",btnContainer="univer-btn-container",btnContainerExpand="univer-btn-container-expand",styles={imagePopupMenu,imagePopupMenuItem,imagePopupMenuItemIcon,imagePopupMenuItemTitle,imagePopupMenuItemHide,btnContainer,btnContainerExpand},ImagePopupMenu=__name(props=>{var _a7,_b;const menuItems=(_b=(_a7=props.popup)==null?void 0:_a7.extraProps)==null?void 0:_b.menuItems;if(!menuItems)return null;const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),[visible,setVisible]=React.useState(!1),[isHovered,setHovered]=React.useState(!1),handleMouseEnter=__name(()=>{setHovered(!0)},"handleMouseEnter"),handleMouseLeave=__name(()=>{setHovered(!1)},"handleMouseLeave"),onVisibleChange=__name(visible2=>{setVisible(visible2)},"onVisibleChange"),handleClick=__name(item=>{commandService.executeCommand(item.commandId,item.commandParams),setVisible(!1)},"handleClick"),showMore=visible\|\|isHovered,availableMenu=menuItems.filter(item=>!item.disable);return React.createElement("div",{onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave},React.createElement(design.Dropdown,{placement:"bottomLeft",trigger:["click"],overlay:React.createElement("ul",{className:styles.imagePopupMenu},availableMenu.map(item=>React.createElement("li",{key:item.index,onClick:__name(()=>handleClick(item),"onClick"),className:styles.imagePopupMenuItem},React.createElement("span",{className:styles.imagePopupMenuItemTitle},localeService.t(item.label))))),visible,onVisibleChange},React.createElement("div",{className:clsx(styles.btnContainer,{[styles.btnContainerExpand]:visible})},React.createElement(Autofill,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),showMore&&React.createElement(MoreDownSingle,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}}))))},"ImagePopupMenu"),COMPONENT_IMAGE_POPUP_MENU="COMPONENT_IMAGE_POPUP_MENU";var __defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))\|\|result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4"),_a2;let DrawingUpdateController=(_a2=class extends core.Disposable{constructor(_currentUniverService,_commandService,_renderManagerService,_drawingManagerService){super();__publicField(this,"_sceneListenerOnDrawingMap",new WeakSet);this._currentUniverService=_currentUniverService,this._commandService=_commandService,this._renderManagerService=_renderManagerService,this._drawingManagerService=_drawingManagerService,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 drawingList=this._drawingManagerService.drawingManagerData,info=getCurrentUnitInfo(this._currentUniverService);if(info==null)return;const{unitId:currentUnitId,subUnitId:currentSubUnitId}=info;Object.keys(drawingList).forEach(unitId=>{Object.keys(drawingList[unitId]).forEach(subUnitId=>{const drawingMap=drawingList[unitId][subUnitId].data;drawingMap==null\|\|unitId!==currentUnitId\|\|subUnitId!==currentSubUnitId\|\|Object.keys(drawingMap).forEach(drawingId=>{drawingMap[drawingId]&&this._insertDrawing([{unitId,subUnitId,drawingId}])})})})}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(command=>{if(command.id===SetDrawingAlignOperation.id){const params=command.params;if(params==null)return;this._drawingAlign(params)}}))}_drawingGroupListener(){this.disposeWithMe(this._drawingManagerService.group$.subscribe(params=>{this._groupDrawings(params)})),this.disposeWithMe(this._drawingManagerService.ungroup$.subscribe(params=>{this._ungroupDrawings(params)}))}_getSceneAndTransformerByDrawingSearch(unitId){if(unitId==null)return;const renderObject=this._renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return null;const transformer=scene.getTransformerByCreate();return{scene,transformer}}_groupDrawings(drawings){drawings.forEach(drawing2=>{this._groupDrawing(drawing2)})}_groupDrawing(params){const{parent,children}=params,{unitId,subUnitId,drawingId}=parent,renderObject=this._getSceneAndTransformerByDrawingSearch(parent.unitId);if(renderObject==null)return;const{scene,transformer}=renderObject;this._commandService.syncExecuteCommand(CloseImageCropOperation.id);const objects=[];if(children.forEach(drawing$1=>{const drawingShapeKey=drawing.getDrawingShapeKeyByDrawingSearch(drawing$1),object=scene.getObjectIncludeInGroup(drawingShapeKey);if(object==null\|\|objects.includes(object))return;objects.push(object);const{transform}=drawing$1;transform!=null&&(object.classType===engineRender.RENDER_CLASS_TYPE.GROUP?object.transformByState({left:transform.left,top:transform.top}):object.transformByState(transform))}),objects.length===0)return;const groupKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),group=new engineRender.Group(groupKey);scene.addObject(group,engineRender.DRAWING_OBJECT_LAYER_INDEX).attachTransformerTo(group),group.addObjects(...objects),parent.transform&&group.transformByState({left:parent.transform.left,top:parent.transform.top}),transformer.clearSelectedObjects(),transformer.setSelectedControl(group)}_ungroupDrawings(drawings){drawings.forEach(drawing2=>{this._ungroupDrawing(drawing2)})}_ungroupDrawing(drawing$1){const{parent,children}=drawing$1,renderObject=this._getSceneAndTransformerByDrawingSearch(parent.unitId);if(renderObject==null)return;const{scene,transformer}=renderObject;children.forEach(drawing2=>{const drawingKey=drawing.getDrawingShapeKeyByDrawingSearch(drawing2),object=scene.getObjectIncludeInGroup(drawingKey);if(object==null)return!0;if(object==null)return;const{transform}=drawing2;transform!=null&&(object.classType===engineRender.RENDER_CLASS_TYPE.GROUP?object.transformByState({left:transform.left,top:transform.top}):object.transformByState(transform))});const groupKey=drawing.getDrawingShapeKeyByDrawingSearch(parent),group=scene.getObject(groupKey),{width,height}=group;group.getObjects().forEach(object=>{group.removeSelfObjectAndTransform(object.oKey,width,height)}),group.dispose(),transformer.clearSelectedObjects()}_drawingAlign(params){const{alignType}=params,drawings=this._drawingManagerService.getFocusDrawings();if(alignType===AlignType.default)return;const drawingTransformCaches=[];let minLeft=Number.POSITIVE_INFINITY,minTop=Number.POSITIVE_INFINITY,maxRight=Number.NEGATIVE_INFINITY,maxBottom=Number.NEGATIVE_INFINITY,drawingCount=0;drawings.forEach(drawing2=>{const{unitId,subUnitId,drawingId,drawingType}=drawing2,drawingParam=this._drawingManagerService.getDrawingByParam({unitId,subUnitId,drawingId});if(drawingParam==null\|\|drawingParam.transform==null)return;drawingTransformCaches.push({unitId,subUnitId,drawingId,drawingType,transform:drawingParam.transform});const{left=0,top=0,width=0,height=0}=drawingParam.transform;minLeft=Math.min(minLeft,left),minTop=Math.min(minTop,top),maxRight=Math.max(maxRight,left+width),maxBottom=Math.max(maxBottom,top+height),drawingCount++}),drawingCount!==0&&(this._sortDrawingTransform(drawingTransformCaches,alignType),this._applyAlignType(drawingTransformCaches,alignType,minLeft,minTop,maxRight,maxBottom,drawingCount))}_applyAlignType(drawingTransformCaches,alignType,minLeft,minTop,maxRight,maxBottom,drawingCount){const averageHorizon=Math.round((maxRight-minLeft)/drawingCount10)/10,averageVertical=Math.round((maxBottom-minTop)/drawingCount10)/10,updateParams=[],renderObject=this._getSceneAndTransformerByDrawingSearch(drawingTransformCaches[0].unitId);if(renderObject==null)return;const{scene,transformer}=renderObject;drawingTransformCaches.forEach((drawingTransformCache,index)=>{const{unitId,subUnitId,drawingId,transform,drawingType}=drawingTransformCache,{left=0,top=0,width=0,height=0}=transform;let newLeft=left,newTop=top;switch(alignType){case AlignType.left:newLeft=minLeft;break;case AlignType.center:newLeft=minLeft+(maxRight-minLeft)/2-width/2;break;case AlignType.right:newLeft=maxRight-width;break;case AlignType.top:newTop=minTop;break;case AlignType.middle:newTop=minTop+(maxBottom-minTop)/2-height/2;break;case AlignType.bottom:newTop=maxBottom-height;break;case AlignType.horizon:newLeft=minLeft+averageHorizonindex;break;case AlignType.vertical:newTop=minTop+averageVerticalindex;break}(newLeft!==left\|\|newTop!==top)&&updateParams.push({unitId,subUnitId,drawingId,drawingType,transform:{left:newLeft,top:newTop}})}),this._drawingManagerService.featurePluginUpdateNotification(updateParams),transformer.refreshControls().changeNotification()}_sortDrawingTransform(drawingTransformCaches,alignType){drawingTransformCaches.sort((a,b)=>{const aTransform=a.transform,bTransform=b.transform,{left:aLeft=0,top:aTop=0,width:aWidth=0,height:aHeight=0}=aTransform,{left:bLeft=0,top:bTop=0,width:bWidth=0,height:bHeight=0}=bTransform;switch(alignType){case AlignType.left:return aLeft-bLeft;case AlignType.center:return aLeft+aWidth/2-(bLeft+bWidth/2);case AlignType.right:return aLeft+aWidth-(bLeft+bWidth);case AlignType.top:return aTop-bTop;case AlignType.middle:return aTop+aHeight/2-(bTop+bHeight/2);case AlignType.bottom:return aTop+aHeight-(bTop+bHeight);case AlignType.horizon:return aLeft+aWidth/2-(bLeft+bWidth/2);case AlignType.vertical:return aTop+aHeight/2-(bTop+bHeight/2);default:return 0}})}_drawingArrangeListener(){this.disposeWithMe(this._drawingManagerService.order$.subscribe(params=>{this._drawingArrange(params)}))}_drawingArrange(params){const{unitId,subUnitId,drawingIds}=params,renderObject=this._getSceneAndTransformerByDrawingSearch(unitId);if(renderObject==null)return;const{scene}=renderObject;drawingIds.forEach(drawingId=>{const oKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),drawingShapes=scene.fuzzyMathObjects(oKey,!0);if(drawingShapes==null\|\|drawingShapes.length===0)return;const index=this._drawingManagerService.getDrawingOrder(unitId,subUnitId).indexOf(drawingId);for(const shape of drawingShapes)shape.setProps({zIndex:index}),shape.makeDirty()})}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(params=>{this._insertDrawing(params)}))}_insertDrawing(params){const sceneList=[];params.forEach(param=>{const{unitId,subUnitId,drawingId}=param;if(this._drawingManagerService.getDrawingByParam(param)==null)return;const renderObject=this._getSceneAndTransformerByDrawingSearch(unitId);if(renderObject==null)return;const{scene,transformer}=renderObject;sceneList.includes(scene)\|\|sceneList.push(scene)}),sceneList.forEach(scene=>{this._sceneListenerOnDrawingMap.has(scene)\|\|(this._addListenerOnDrawing(scene),this._sceneListenerOnDrawingMap.add(scene))})}_drawingRemoveListener(){this.disposeWithMe(this._drawingManagerService.remove$.subscribe(params=>{params.forEach(param=>{var _a7;const{unitId,subUnitId,drawingId}=param,renderObject=this._getSceneAndTransformerByDrawingSearch(unitId);if(renderObject==null)return;const{scene}=renderObject,drawingShapeKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),drawingShapes=scene.fuzzyMathObjects(drawingShapeKey,!0);if(drawingShapes.length>0){for(const drawingShape of drawingShapes)drawingShape.dispose();(_a7=scene.getTransformer())==null\|\|_a7.clearSelectedObjects()}})}))}_drawingUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(params=>{params.forEach(param=>{const{unitId,subUnitId,drawingId}=param,drawingParam=this._drawingManagerService.getDrawingByParam(param);if(drawingParam==null)return;const{transform,drawingType}=drawingParam,renderObject=this._getSceneAndTransformerByDrawingSearch(unitId);if(renderObject==null)return;const{scene,transformer}=renderObject;if(transform==null)return!0;const{left=0,top=0,width=0,height=0,angle=0,flipX=!1,flipY=!1,skewX=0,skewY=0}=transform,drawingShapeKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),drawingShape=scene.getObject(drawingShapeKey);if(drawingShape==null)return!0;drawingShape.transformByState({left,top,width,height,angle,flipX,flipY,skewX,skewY})})}))}_drawingRefreshListener(){this.disposeWithMe(this._drawingManagerService.refreshTransform$.subscribe(params=>{params.forEach(param=>{const{unitId,subUnitId,drawingId}=param,renderObject=this._getSceneAndTransformerByDrawingSearch(unitId);if(renderObject==null)return;const drawingParam=this._drawingManagerService.getDrawingByParam(param);if(drawingParam==null)return;const{transform}=drawingParam,{scene}=renderObject,drawingShapeKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),drawingShape=scene.getObject(drawingShapeKey);if(drawingShape==null\|\|transform==null)return!0;const{left=0,top=0,width=0,height=0,angle=0,flipX=!1,flipY=!1,skewX=0,skewY=0}=transform;drawingShape.transformByState({left,top,width,height,angle,flipX,flipY,skewX,skewY})})}))}_drawingVisibleListener(){this.disposeWithMe(this._drawingManagerService.visible$.subscribe(params=>{params.forEach(param=>{const{unitId,subUnitId,drawingId,visible}=param,renderObject=this._getSceneAndTransformerByDrawingSearch(unitId);if(renderObject==null)return;const{scene}=renderObject,drawingShapeKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),drawingShape=scene.getObject(drawingShapeKey);if(drawingShape==null)return!0;visible?drawingShape.show():drawingShape.hide()})}))}_filterUpdateParams(params,startTransforms){return params.filter((param,index)=>{if(param==null)return!1;const{transform}=param;return core.checkIfMove(transform,startTransforms==null?void 0:startTransforms[index])})}_addListenerOnDrawing(scene){const transformer=scene.getTransformerByCreate();let startTransforms=null;this.disposeWithMe(core.toDisposable(transformer.changeStart$.subscribe(state=>{const{objects}=state,objectArray=Array.from(objects.values()),drawings=[];startTransforms=objectArray.map(object=>{const{left,top,height,width,angle,oKey,isInGroup}=object,drawing2=this._drawingManagerService.getDrawingOKey(oKey);if(isInGroup\|\|object instanceof engineRender.Group){let group=object.ancestorGroup;if(group==null&&object instanceof engineRender.Group&&(group=object),group==null)return null;const groupDrawing=this._drawingManagerService.getDrawingOKey(group.oKey);if(groupDrawing){const{unitId,subUnitId,drawingId}=groupDrawing;drawings.push({unitId,subUnitId,drawingId});const{left:left2,top:top2,height:height2,width:width2,angle:angle2}=group;return{left:left2,top:top2,height:height2,width:width2,angle:angle2}}}else if(drawing2!=null){const{unitId,subUnitId,drawingId}=drawing2;return drawings.push({unitId,subUnitId,drawingId}),{left,top,height,width,angle}}return null}).filter(transform=>transform!=null),drawings.length>0?this._drawingManagerService.focusDrawing(drawings):this._drawingManagerService.focusDrawing(null)}))),this.disposeWithMe(core.toDisposable(transformer.changeEnd$.subscribe(state=>{const{objects}=state,params=this._filterUpdateParams(getUpdateParams(objects,this._drawingManagerService),startTransforms);params.length>0&&this._drawingManagerService.featurePluginUpdateNotification(params)})))}},__name(_a2,"DrawingUpdateController"),_a2);DrawingUpdateController=__decorateClass$4([core.OnLifecycle(core.LifecycleStages.Rendered,DrawingUpdateController),__decorateParam$4(0,core.IUniverInstanceService),__decorateParam$4(1,core.ICommandService),__decorateParam$4(2,engineRender.IRenderManagerService),__decorateParam$4(3,drawing.IDrawingManagerService)],DrawingUpdateController);const ImageViewer=__name(props=>{const{src}=props;return src?React.createElement("div",null,React.createElement("img",{src,alt:"Univer Image Viewer",style:{width:"100%",height:"100%",position:"relative"}})):null},"ImageViewer"),COMPONENT_IMAGE_VIEWER="COMPONENT_IMAGE_VIEWER",ImageResetSizeOperation={id:"sheet.operation.image-reset-size",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>!0,"handler")};var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))\|\|result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3"),_a3;let DrawingUIController=(_a3=class extends core.Disposable{constructor(_componentManager,_commandService){super(),this._componentManager=_componentManager,this._commandService=_commandService,this._init()}_initCustomComponents(){const componentManager=this._componentManager;this.disposeWithMe(componentManager.register(COMPONENT_IMAGE_POPUP_MENU,ImagePopupMenu)),this.disposeWithMe(componentManager.register(COMPONENT_IMAGE_VIEWER,ImageViewer))}_initCommands(){[OpenImageCropOperation,CloseImageCropOperation,ImageResetSizeOperation,SetDrawingAlignOperation,AutoImageCropOperation].forEach(command=>this.disposeWithMe(this._commandService.registerCommand(command)))}_init(){this._initCommands(),this._initCustomComponents()}},__name(_a3,"DrawingUIController"),_a3);DrawingUIController=__decorateClass$3([core.OnLifecycle(core.LifecycleStages.Rendered,DrawingUIController),__decorateParam$3(0,core.Inject(ui.ComponentManager)),__decorateParam$3(1,core.ICommandService)],DrawingUIController);const _ImageCropperObject=class _ImageCropperObject extends engineRender.Shape{constructor(key,props){props==null&&(props={}),props.transformerConfig={keepRatio:!1,isCropper:!0,anchorFill:"rgb(0, 0, 0)",anchorStroke:"rgb(255, 255, 255)",anchorSize:24};super(key,props);__publicField(this,"_srcRect");__publicField(this,"_prstGeom");__publicField(this,"_applyTransform");__publicField(this,"_dragPadding",8);__publicField(this,"_cacheCanvas");props!=null&&props.srcRect&&(this._srcRect=props.srcRect),props!=null&&props.prstGeom&&(this._prstGeom=props.prstGeom),props!=null&&props.applyTransform&&(this._applyTransform=props.applyTransform),props!=null&&props.dragPadding&&(this._dragPadding=props.dragPadding),this._applyProps()}refreshSrcRect(value,transform){this._srcRect=value,this._applyTransform=transform,this._applyProps()}get srcRect(){return this._srcRect}dispose(){var _a7;super.dispose(),(_a7=this._cacheCanvas)==null\|\|_a7.dispose(),this._srcRect=null}isHit(coord){const oCoord=this.getInverseCoord(coord);return oCoord.x>=-this.strokeWidth/2&&oCoord.x<=this.width+this.strokeWidth/2&&oCoord.y>=-this.strokeWidth/2&&oCoord.y<=this.height+this.strokeWidth/2&&!this._inSurround(oCoord)}_inSurround(oCoord){const padding=this._dragPadding;return oCoord.x>=padding-this.strokeWidth/2&&oCoord.x<=this.width+this.strokeWidth/2-padding&&oCoord.y>=padding-this.strokeWidth/2&&oCoord.y<=this.height+this.strokeWidth/2-padding}render(mainCtx,bounds){return this.visible?(mainCtx.save(),this._draw(mainCtx),mainCtx.restore(),this.makeDirty(!1),this):(this.makeDirty(!1),this)}_draw(ctx){var _a7,_b;const engine=this.getScene().getEngine(),{width:engineWidth,height:engineHeight}=engine;this._initialCacheCanvas(),(_a7=this._cacheCanvas)==null\|\|_a7.clear();const cacheCtx=(_b=this._cacheCanvas)==null?void 0:_b.getContext();cacheCtx!=null&&(cacheCtx.save(),engineRender.Rect.drawWith(cacheCtx,{left:0,top:0,width:engineWidth,height:engineHeight,fill:"rgba(0, 0, 0, 0.5)"}),cacheCtx.setTransform(ctx.getTransform()),this._clipForApplyObject(cacheCtx),this._applyCache(ctx),cacheCtx.restore())}_clipForApplyObject(cacheCtx){let objectType=0;if(this._prstGeom!=null&&(objectType=1),cacheCtx.globalCompositeOperation="destination-out",cacheCtx.beginPath(),objectType===0){const m=this.transform.getMatrix();cacheCtx.transform(m[0],m[1],m[2],m[3],m[4],m[5]),cacheCtx.rect(0,0,this.width,this.height),cacheCtx.fill()}}_applyProps(){if(this._applyTransform==null)return;let cropLeft=0,cropTop=0,cropRight=0,cropBottom=0;const{left:applyLeft=0,top:applyTop=0,width:applyWidth=0,height:applyHeight=0,angle}=this._applyTransform;if(this._srcRect!=null){const{left:left2=0,top:top2=0,right=0,bottom=0}=this._srcRect;cropLeft=left2,cropTop=top2,cropRight=right,cropBottom=bottom}const left=applyLeft+cropLeft,top=applyTop+cropTop;this.transformByState({left,top,width:applyLeft+applyWidth-cropRight-left,height:applyTop+applyHeight-cropBottom-top,angle})}_applyCache(ctx){if(!ctx\|\|this._cacheCanvas==null)return;const cacheCtx=this._cacheCanvas.getContext();cacheCtx.save(),ctx.save(),ctx.setTransform(1,0,0,1,0,0),cacheCtx.setTransform(1,0,0,1,0,0),ctx.drawImage(this._cacheCanvas.getCanvasEle(),0,0),ctx.restore(),cacheCtx.restore()}_initialCacheCanvas(){if(this._cacheCanvas!=null)return;const scene=this.getScene();if(scene==null)return;this._cacheCanvas=new engineRender.Canvas;const engine=scene.getEngine();this._cacheCanvas.setSize(engine.width,engine.height),engine.onTransformChange$.subscribeEvent(()=>{var _a7;(_a7=this._cacheCanvas)==null\|\|_a7.setSize(engine.width,engine.height),this.makeDirty(!0)})}};__name(_ImageCropperObject,"ImageCropperObject");let ImageCropperObject=_ImageCropperObject;var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))\|\|result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2"),_a4;let ImageCropperController=(_a4=class extends core.Disposable{constructor(_commandService,_drawingManagerService,_renderManagerService,_univerInstanceService,_messageService,_localeService){super();__publicField(this,"_sceneListenerOnImageMap",new WeakSet);this._commandService=_commandService,this._drawingManagerService=_drawingManagerService,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._messageService=_messageService,this._localeService=_localeService,this._init()}_init(){this._initOpenCrop(),this._initCloseCrop(),this._initAutoCrop()}_initAutoCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(command=>{if(command.id!==AutoImageCropOperation.id)return;const params=command.params;if(params==null)return;const{cropType}=params,drawingParams=this._drawingManagerService.getFocusDrawings();if(drawingParams.length!==1)return;const drawingParam=drawingParams[0],{unitId,subUnitId,drawingId}=drawingParam,renderObject=this._renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!0;this._searchCropObject(scene)!=null&&this._commandService.syncExecuteCommand(CloseImageCropOperation.id,{isAuto:!0});const imageShapeKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),imageShape=scene.getObject(imageShapeKey);if(!(imageShape instanceof engineRender.Image)){this._messageService.show({type:design.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}imageShape!=null&&(this._updateCropperObject(cropType,imageShape),this._commandService.executeCommand(OpenImageCropOperation.id,{unitId,subUnitId,drawingId}))}))}_calculateSrcRectByRatio(left,top,width,height,numerator,denominator){const srcRatio=width/height,ratio=numerator/denominator;let newWidth=width,newHeight=height;srcRatio>ratio?newWidth=heightratio:newHeight=width/ratio;const newLeft=(width-newWidth)/2,newTop=(height-newHeight)/2;return{left:engineRender.precisionTo(newLeft,1),top:engineRender.precisionTo(newTop,1),right:engineRender.precisionTo(width-(newLeft+newWidth),1),bottom:engineRender.precisionTo(height-(newTop+newHeight),1)}}_updateCropperObject(cropType,imageShape){const{left,top,width,height}=imageShape.calculateTransformWithSrcRect();let newSrcRect;switch(cropType){case CropType.R1_1:newSrcRect=this._calculateSrcRectByRatio(left,top,width,height,1,1);break;case CropType.R16_9:newSrcRect=this._calculateSrcRectByRatio(left,top,width,height,16,9);break;case CropType.R9_16:newSrcRect=this._calculateSrcRectByRatio(left,top,width,height,9,16);break;case CropType.R5_4:newSrcRect=this._calculateSrcRectByRatio(left,top,width,height,5,4);break;case CropType.R4_5:newSrcRect=this._calculateSrcRectByRatio(left,top,width,height,4,5);break;case CropType.R4_3:newSrcRect=this._calculateSrcRectByRatio(left,top,width,height,4,3);break;case CropType.R3_4:newSrcRect=this._calculateSrcRectByRatio(left,top,width,height,3,4);break;case CropType.R3_2:newSrcRect=this._calculateSrcRectByRatio(left,top,width,height,3,2);break;case CropType.R2_3:newSrcRect=this._calculateSrcRectByRatio(left,top,width,height,2,3);break;case CropType.FREE:}if(newSrcRect==null)return;imageShape.setSrcRect(newSrcRect);const{left:newLeft=0,top:newTop=0,bottom:newBottom=0,right:newRight=0}=newSrcRect;imageShape.transformByStateCloseCropper({left:left+newLeft,top:top+newTop,width:width-newRight-newLeft,height:height-newBottom-newTop})}_initOpenCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(command=>{if(command.id!==OpenImageCropOperation.id)return;const params=command.params;if(params==null)return;const{unitId,subUnitId,drawingId}=params,renderObject=this._renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!0;if(this._sceneListenerOnImageMap.has(scene)\|\|(this._addListenerOnImage(scene),this._sceneListenerOnImageMap.add(scene)),this._drawingManagerService.getDrawingByParam({unitId,subUnitId,drawingId})==null)return;const imageShapeKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),imageShape=scene.getObject(imageShapeKey);if(imageShape==null)return;if(!(imageShape instanceof engineRender.Image)){this._messageService.show({type:design.MessageType.Error,content:this._localeService.t("image-cropper.error")});return}const transformer=scene.getTransformer();transformer==null\|\|transformer.clearControls();const imageCropperObject=new ImageCropperObject(`${imageShapeKey}-crop`,{srcRect:imageShape.srcRect,prstGeom:imageShape.prstGeom,applyTransform:imageShape.calculateTransformWithSrcRect()});scene.addObject(imageCropperObject,imageShape.getLayerIndex()+1).attachTransformerTo(imageCropperObject),transformer==null\|\|transformer.createControlForCopper(imageCropperObject),this._addHoverForImageCopper(imageCropperObject),imageShape.openRenderByCropper(),transformer==null\|\|transformer.refreshControls(),imageCropperObject.makeDirty(!0),this._drawingManagerService.focusDrawing([{unitId,subUnitId,drawingId}])}))}_searchCropObject(scene){const objects=scene.getAllObjectsByOrder();for(const object of objects)if(object instanceof ImageCropperObject)return object}_initCloseCrop(){this.disposeWithMe(this._commandService.onCommandExecuted(command=>{if(command.id!==CloseImageCropOperation.id)return;const currentUnit=this._univerInstanceService.getFocusedUnit();if(currentUnit==null)return;const unitId=currentUnit.getUnitId(),renderObject=this._renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return!0;const imageCropperObject=this._searchCropObject(scene);if(imageCropperObject==null)return;const imageShape=this._getApplyObjectByCropObject(imageCropperObject);if(imageShape==null)return;const transformer=scene.getTransformerByCreate();transformer.detachFrom(imageCropperObject),transformer.clearCopperControl();const srcRect=this._getSrcRectByTransformState(imageShape,imageCropperObject),drawingParam=this._drawingManagerService.getDrawingOKey(imageShape.oKey);if(drawingParam!=null){const{left,top,height,width}=imageCropperObject;this._drawingManagerService.featurePluginUpdateNotification([{...drawingParam,transform:{...drawingParam.transform,left,top,height,width},srcRect:srcRect.srcRectAngle}])}imageShape.setSrcRect({...srcRect.srcRectAngle}),imageShape.closeRenderByCropper(),imageShape.makeDirty(!0),imageCropperObject==null\|\|imageCropperObject.dispose()}));const sheetUnit=this._univerInstanceService.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SHEET).pipe(rxjs.filter(workbook=>!!workbook),rxjs.switchMap(workbook=>workbook.activeSheet$));this.disposeWithMe(sheetUnit.subscribe(()=>{this._commandService.syncExecuteCommand(CloseImageCropOperation.id)}))}_getApplyObjectByCropObject(cropObject){const cropOKey=cropObject.oKey,applyOKey=cropOKey.slice(0,cropOKey.length-5),scene=cropObject.getScene();if(!scene)return null;const applyObject=scene.getObject(applyOKey);return applyObject==null?null:applyObject}_addListenerOnImage(scene){const transformer=scene.getTransformerByCreate();let startTransform=null;this.disposeWithMe(transformer.changeStart$.subscribe(state=>{const{objects}=state,cropObject=objects.values().next().value;if(cropObject==null\|\|!(cropObject instanceof ImageCropperObject))return;const{left,top,height,width,angle}=cropObject;startTransform={left,top,height,width,angle},transformer.clearCopperControl()})),this.disposeWithMe(transformer.changeEnd$.subscribe(state=>{const{objects}=state,cropObject=objects.values().next().value;if(cropObject==null\|\|!(cropObject instanceof ImageCropperObject))return;const{left,top,height,width,angle}=cropObject;if(!core.checkIfMove({left,top,height,width,angle},startTransform))return;const applyObject=this._getApplyObjectByCropObject(cropObject);if(applyObject==null)return;const srcRect=this._getSrcRectByTransformState(applyObject,cropObject);cropObject.refreshSrcRect(srcRect.srcRect,applyObject.getState()),transformer.createControlForCopper(cropObject)})),this._endCropListener(scene)}_addHoverForImageCopper(o){this.disposeWithMe(o.onPointerEnter$.subscribeEvent(()=>{o.cursor=engineRender.CURSOR_TYPE.MOVE})),this.disposeWithMe(o.onPointerLeave$.subscribeEvent(()=>{o.cursor=engineRender.CURSOR_TYPE.DEFAULT}))}_endCropListener(scene){const transformer=scene.getTransformerByCreate();this.disposeWithMe(transformer.clearControl$.subscribe(changeSelf=>{changeSelf===!0&&this._commandService.syncExecuteCommand(CloseImageCropOperation.id)}))}_getSrcRectByTransformState(applyObject,imageCropperObject){const{left,top,height,width,strokeWidth,angle:copperAngle}=imageCropperObject,{left:applyLeft,top:applyTop,width:applyWidth,height:applyHeight,angle:applyAngle,strokeWidth:applyStrokeWidth}=applyObject,newLeft=left-applyLeft,newTop=top-applyTop,srcRect={left:newLeft,top:newTop,right:applyWidth-newLeft-width,bottom:applyHeight-newTop-height},srcRectAngle={...srcRect};if(applyAngle!==0){const cx=left+width/2,cy=top+height/2,centerPoint=new engineRender.Vector2(cx,cy),newCx=applyWidth/2+applyLeft,newCy=applyHeight/2+applyTop,newCenterPoint=new engineRender.Vector2(newCx,newCy),vertexPoint=new engineRender.Vector2(applyLeft,applyTop);vertexPoint.rotateByPoint(engineRender.degToRad(applyAngle),newCenterPoint);const applyFinalPoint=vertexPoint.clone();applyFinalPoint.rotateByPoint(engineRender.degToRad(-applyAngle),centerPoint);const newAngleLeft=left-applyFinalPoint.x,newAngleTop=top-applyFinalPoint.y;srcRectAngle.left=newAngleLeft,srcRectAngle.top=newAngleTop,srcRectAngle.right=applyWidth-newAngleLeft-width,srcRectAngle.bottom=applyHeight-newAngleTop-height}return{srcRect,srcRectAngle}}},__name(_a4,"ImageCropperController"),_a4);ImageCropperController=__decorateClass$2([core.OnLifecycle(core.LifecycleStages.Rendered,ImageCropperController),__decorateParam$2(0,core.ICommandService),__decorateParam$2(1,drawing.IDrawingManagerService),__decorateParam$2(2,engineRender.IRenderManagerService),__decorateParam$2(3,core.IUniverInstanceService),__decorateParam$2(4,ui.IMessageService),__decorateParam$2(5,core.Inject(core.LocaleService))],ImageCropperController);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))\|\|result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1");const IMAGE_VIEWER_DROPDOWN_PADDING=50;var _a5;let ImageUpdateController=(_a5=class extends core.Disposable{constructor(_commandService,_renderManagerService,_drawingManagerService,_dialogService,_imageIoService,_currentUniverService,_drawingRenderService){super(),this._commandService=_commandService,this._renderManagerService=_renderManagerService,this._drawingManagerService=_drawingManagerService,this._dialogService=_dialogService,this._imageIoService=_imageIoService,this._currentUniverService=_currentUniverService,this._drawingRenderService=_drawingRenderService,this._initialize()}dispose(){super.dispose()}_initialize(){this._drawingAddListener(),this._commandExecutedListener(),this._imageUpdateListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.onCommandExecuted(command=>{if(command.id===ImageResetSizeOperation.id){const params=command.params;if(params==null)return;this._resetImageSize(params)}}))}_getSceneAndTransformerByDrawingSearch(unitId){if(unitId==null)return;const renderObject=this._renderManagerService.getRenderById(unitId),scene=renderObject==null?void 0:renderObject.scene;if(scene==null)return null;const transformer=scene.getTransformerByCreate();return{scene,transformer}}_resetImageSize(params){const updateParams=[],sceneList=[];params.forEach(param=>{const{unitId,subUnitId,drawingId}=param,renderObject=this._getSceneAndTransformerByDrawingSearch(unitId);if(renderObject==null)return;const{scene}=renderObject,imageShapeKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),imageShape=scene.getObject(imageShapeKey);if(imageShape==null)return!0;const imageData=this._drawingManagerService.getDrawingByParam(param);if(imageData==null)return!0;if(imageData.drawingType!==drawing.DrawingTypeEnum.DRAWING_IMAGE)return;imageShape.resetSize();const{width,height}=imageShape.getNativeSize();sceneList.includes(scene)===!1&&sceneList.push(scene),updateParams.push({...imageData,transform:{...imageData.transform,height,width,angle:0},srcRect:null,prstGeom:null})}),this._drawingManagerService.featurePluginUpdateNotification(updateParams),sceneList.forEach(scene=>{scene.getTransformerByCreate().refreshControls().changeNotification()}),this._drawingManagerService.focusDrawing(params)}_drawingAddListener(){this.disposeWithMe(this._drawingManagerService.add$.subscribe(params=>{this._insertImages(params)}))}_insertImages(params){params.forEach(async param=>{var _a7;const{unitId,subUnitId,drawingId}=param,renderObject=this._getSceneAndTransformerByDrawingSearch(unitId),currentSubUnitId=(_a7=getCurrentUnitInfo(this._currentUniverService,unitId))==null?void 0:_a7.subUnitId;if(renderObject==null\|\|currentSubUnitId!==subUnitId)return;const imageParam=this._drawingManagerService.getDrawingByParam(param);if(imageParam==null)return;const images=await this._drawingRenderService.renderImages(imageParam,renderObject.scene);if(!(images==null\|\|images.length===0))for(const image of images)this._addHoverForImage(image),this._addDialogForImage(image)})}_imageUpdateListener(){this.disposeWithMe(this._drawingManagerService.update$.subscribe(params=>{params.forEach(param=>{const{unitId,subUnitId,drawingId}=param,drawingParam=this._drawingManagerService.getDrawingByParam(param);if(drawingParam==null)return;const{transform,drawingType,srcRect,prstGeom,source,imageSourceType}=drawingParam;if(drawingType!==drawing.DrawingTypeEnum.DRAWING_IMAGE)return;const renderObject=this._getSceneAndTransformerByDrawingSearch(unitId);if(renderObject==null)return;const{scene,transformer}=renderObject;if(transform==null)return!0;const drawingShapeKey=drawing.getDrawingShapeKeyByDrawingSearch({unitId,subUnitId,drawingId}),imageShape=scene.getObject(drawingShapeKey);if(imageShape==null)return!0;imageShape.setSrcRect(srcRect),imageShape.setPrstGeom(prstGeom)})}))}_addHoverForImage(o){this.disposeWithMe(core.toDisposable(o.onPointerEnter$.subscribeEvent(()=>{o.cursor=engineRender.CURSOR_TYPE.GRAB}))),this.disposeWithMe(core.toDisposable(o.onPointerLeave$.subscribeEvent(()=>{o.cursor=engineRender.CURSOR_TYPE.DEFAULT})))}_addDialogForImage(o){this.disposeWithMe(core.toDisposable(o.onDblclick$.subscribeEvent(()=>{var _a7;const dialogId=`${o.oKey}-viewer-dialog`,nativeSize=o.getNativeSize(),screenWidth=window.innerWidth-IMAGE_VIEWER_DROPDOWN_PADDING,screenHeight=window.innerHeight-IMAGE_VIEWER_DROPDOWN_PADDING,adjustSize=this._adjustImageSize(nativeSize.width,nativeSize.height,screenWidth,screenHeight),dialog=this._dialogService.open({width:adjustSize.width,id:dialogId,style:{margin:"0",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:{label:{name:COMPONENT_IMAGE_VIEWER,props:{src:(_a7=o.getNative())==null?void 0:_a7.src,width:adjustSize.width,height:adjustSize.height}}},destroyOnClose:!0,draggable:!1,onClose:__name(()=>{this._dialogService.close(dialogId),dialog.dispose()},"onClose")})})))}_adjustImageSize(nativeWidth,nativeHeight,screenWidth,screenHeight){if(nativeWidth<=screenWidth&&nativeHeight<=screenHeight)return{width:nativeWidth,height:nativeHeight};const widthRatio=screenWidth/nativeWidth,heightRatio=screenHeight/nativeHeight,scale=Math.min(widthRatio,heightRatio);return{width:Math.floor(nativeWidthscale),height:Math.floor(nativeHeightscale)}}},__name(_a5,"ImageUpdateController"),_a5);ImageUpdateController=__decorateClass$1([core.OnLifecycle(core.LifecycleStages.Rendered,ImageUpdateController),__decorateParam$1(0,core.ICommandService),__decorateParam$1(1,engineRender.IRenderManagerService),__decorateParam$1(2,drawing.IDrawingManagerService),__decorateParam$1(3,ui.IDialogService),__decorateParam$1(4,drawing.IImageIoService),__decorateParam$1(5,core.IUniverInstanceService),__decorateParam$1(6,core.Inject(exports.DrawingRenderService))],ImageUpdateController);const PLUGIN_CONFIG_KEY="drawing-ui.config",defaultPluginConfig={};var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))\|\|result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam");const PLUGIN_NAME="UNIVER_DRAWING_UI_PLUGIN";var _a6;exports.UniverDrawingUIPlugin=(_a6=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_configService){super(),this._config=_config,this._injector=_injector,this._configService=_configService;const{menu,...rest}=this._config;menu&&this._configService.setConfig("menu",menu,{merge:!0}),this._configService.setConfig(PLUGIN_CONFIG_KEY,rest)}onStarting(){this._initDependencies()}_initDependencies(){[[exports.DrawingRenderService],[DrawingUpdateController],[DrawingUIController],[ImageCropperController],[ImageUpdateController]].forEach(dependency=>this._injector.add(dependency))}},__name(_a6,"UniverDrawingUIPlugin"),__publicField(_a6,"pluginName",PLUGIN_NAME),_a6);exports.UniverDrawingUIPlugin=__decorateClass([__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,core.IConfigService)],exports.UniverDrawingUIPlugin);exports.AutoImageCropOperation=AutoImageCropOperation;exports.COMPONENT_IMAGE_POPUP_MENU=COMPONENT_IMAGE_POPUP_MENU;exports.CloseImageCropOperation=CloseImageCropOperation;exports.DrawingCommonPanel=DrawingCommonPanel;exports.ImageCropperObject=ImageCropperObject;exports.ImagePopupMenu=ImagePopupMenu;exports.ImageResetSizeOperation=ImageResetSizeOperation;exports.OpenImageCropOperation=OpenImageCropOperation;exports.SetDrawingAlignOperation=SetDrawingAlignOperation;exports.getUpdateParams=getUpdateParams;
1	+ 'use strict';const _0x1a748f=_0x3d64;(function(_0x216977,_0x415a8f){const _0x38bd2a=_0x3d64,_0x4dbd9f=_0x216977();while(!![]){try{const _0x51c75c=parseInt(_0x38bd2a(0x1f9))/0x1+-parseInt(_0x38bd2a(0x27c))/0x2+parseInt(_0x38bd2a(0x1b3))/0x3(parseInt(_0x38bd2a(0x206))/0x4)+-parseInt(_0x38bd2a(0x165))/0x5+-parseInt(_0x38bd2a(0x19d))/0x6+parseInt(_0x38bd2a(0x29d))/0x7+-parseInt(_0x38bd2a(0x186))/0x8(parseInt(_0x38bd2a(0x1a3))/0x9);if(_0x51c75c===_0x415a8f)break;else _0x4dbd9f['push'](_0x4dbd9f['shift']());}catch(_0x496e5b){_0x4dbd9f['push'](_0x4dbd9f['shift']());}}}(_0x3b75,0x6d288));function _0x3b75(){const _0x326bda=['syncExecuteCommand','clone','ImagePopupMenu','getDrawingVisible','img','univer-btn-container','handleRotationChange','344UjVdFS','UniverDrawingUIPlugin','restore','50%','value','push','ImageCropperObject','getScene','drawWith','rgb(255,\x20255,\x20255)','params','_initOpenCrop','_config','IDialogService','pipe','use','values','horizon','changeObs','R4_5','univer-image-common-panel-title','setSrcRect','univer-image-common-panel-input','700320BDHlKI','onUngroupBtnClick','_applyCache','Injector','@univerjs/engine-render','imagePopupMenuItem','205263atoufn','bottom-single','left','trim','IConfigService','_prstGeom','clearCopperControl','DRAWING_IMAGE','makeDirty','evenodd','__decorateClass','btnContainerExpand','image-panel.crop.start','replaceRuntimeIdsAndExtInAttrs','setConfig','next','18pvqgmf','OPERATION','image-panel.null','useRef','function','image','image-panel.transform.rotate','_drawingManagerService','getLayerIndex','univer-image-common-panel-subtitle','includes','@univerjs/design','useDependency','changeStart$','_commandService','min','_cacheCanvas','_univerInstanceService','transformObjectOutOfGroup','MoveUpSingle','getDrawingOrder','_getSceneAndTransformerByDrawingSearch','Checkbox','more-down-single','top','getCurrentTypeOfUnit$','_imageIoService','setProps','Shape','generateShortUuid','ancestorGroup','fuzzyMathObjects','idSuffix','max','_addHoverForImageCopper','_componentManager','visible$','R2_3','getState','R5_4','getRenderById','Autofill','remove$','3:2','_getApplyObjectByCropObject','getAllObjectsByOrder','imagePopupMenuItemTitle','_drawingRenderService','setSize','ICommandService','IRenderManagerService','Inject','classType','applyTransform','getOwnPropertyDescriptor','getUpdateParams','getTransformer','get','rxjs','__decorateParam$1','menu','image-panel.transform.title','imageCommonPanelSpan2','Vector2','commandId','svg','UUID','ungroup-single','Plugin','ComponentManager','886999HFAtfU','useEffect','MoreDownSingle','url','univer-image-popup-menu-item-title','image-panel.transform.y','floor','register','_recoveryImages','_groupDrawing','TopmostSingle','focusDrawing','DrawingRenderService','199592jeRxRc','isAuto','featurePluginOrderUpdateNotification','onTransformChange$','FREE','clearControls','switchMap','popup','dispose','1:1','keepRatio','DRAWING_OBJECT_LAYER_INDEX','onCropperBtnClick','image-panel.align.default','globalCompositeOperation','__decorateParam$5','icon','ArrangeTypeEnum','transformByState','featurePluginUngroupUpdateNotification','_sceneListenerOnDrawingMap','prstGeom','clear','commandParams','_drawingRemoveListener','onDblclick$','R3_4','imageCommonPanelInline','image-panel.align.left','NEGATIVE_INFINITY','_initCommands','featurePluginUpdateNotification','keys','_applyTransform','_initAutoCrop','filter','imageCommonPanelColumnCenter','has','drawingType','COMPONENT_IMAGE_VIEWER','srcRect','handleMouseLeave','onPointerEnter$','univer-image-common-panel-border','hide','Fragment','removeSelfObjectAndTransform','_initialize','save','Error','middle','subscribeEvent','Image','_ungroupDrawing','cursor','precisionTo','attachTransformerTo','imageCommonPanelBorder','ImageCropper','resetSize','image-panel.arrange.front','getContext','xlink:href','univer-image-common-panel-row','getNative','M7.46855\x202.83731C7.46855\x202.61639\x207.64764\x202.4373\x207.86855\x202.4373H13.8603C14.0812\x202.4373\x2014.2603\x202.61639\x2014.2603\x202.8373V9.5049C14.2603\x209.72581\x2014.0812\x209.90489\x2013.8603\x209.90489H12.866C12.5346\x209.90489\x2012.266\x2010.1735\x2012.266\x2010.5049C12.266\x2010.8363\x2012.5346\x2011.1049\x2012.866\x2011.1049H13.8603C14.7439\x2011.1049\x2015.4603\x2010.3886\x2015.4603\x209.5049V2.8373C15.4603\x201.95365\x2014.7439\x201.2373\x2013.8603\x201.2373H7.86855C6.9849\x201.2373\x206.26855\x201.95365\x206.26855\x202.83731V3.48688C6.26855\x203.81825\x206.53718\x204.08688\x206.86855\x204.08688C7.19993\x204.08688\x207.46855\x203.81825\x207.46855\x203.48688V2.83731Z','#35322B','_inSurround','_searchCropObject','gridDisplay','handler','imageCommonPanelRow','assign','btnContainer','backward','InputNumber','addObject','_filterUpdateParams','UniverIcon','DrawingUpdateController','sheet.operation.image-reset-size','__decorateClass$5','Disposable','bottom','_resetImageSize','vertical','replace','onClick','registerCommand','forwardRef','handleAlignChange','univer-image-common-panel-span3','imageCommonPanelColumn','DrawingTypeEnum','univer-image-popup-menu-item-hide','current','DrawingUIController','rgba(0,\x200,\x200,\x200.5)','_addListenerOnImage','RENDER_CLASS_TYPE','hasOwnProperty','move-down-single','DrawingArrange','univer-image-common-panel-grid','attrs','ungroup$','#CCCCCC','GROUP','checkMoveBoundary','DrawingGroup','_commandExecutedListener','image-panel.align.horizon','slice','UniverInstanceType','_insertDrawing','M1.25\x202.96401C1.25\x203.84767\x201.96634\x204.56401\x202.85\x204.56401H13.15C14.0337\x204.56401\x2014.75\x203.84767\x2014.75\x202.96401C14.75\x202.08036\x2014.0337\x201.36401\x2013.15\x201.36401H2.85C1.96635\x201.36401\x201.25\x202.08036\x201.25\x202.96401ZM2.85\x203.36401C2.62909\x203.36401\x202.45\x203.18493\x202.45\x202.96401C2.45\x202.7431\x202.62909\x202.56401\x202.85\x202.56401H13.15C13.3709\x202.56401\x2013.55\x202.7431\x2013.55\x202.96401C13.55\x203.18493\x2013.3709\x203.36401\x2013.15\x203.36401H2.85Z','image-panel.group.unGroup','image-panel.align.bottom','623082MCRYli','closeRenderByCropper','changeNotification','DrawingTransform','concat','univer-image-popup-menu-item','type','M2.56365\x201.36377C1.90091\x201.36377\x201.36365\x201.90103\x201.36365\x202.56377V6.16377C1.36365\x206.82651\x201.90091\x207.36377\x202.56365\x207.36377H6.16365C6.82639\x207.36377\x207.36365\x206.82651\x207.36365\x206.16377V2.56377C7.36365\x201.90103\x206.82639\x201.36377\x206.16365\x201.36377H2.56365zM6.16365\x202.56377H2.56365L2.56365\x206.16377H6.16365V2.56377zM2.56365\x208.63647C1.90091\x208.63647\x201.36365\x209.17373\x201.36365\x209.83647V13.4365C1.36365\x2014.0992\x201.90091\x2014.6365\x202.56365\x2014.6365H6.16365C6.82639\x2014.6365\x207.36365\x2014.0992\x207.36365\x2013.4365V9.83647C7.36365\x209.17373\x206.82639\x208.63647\x206.16365\x208.63647H2.56365zM6.16365\x209.83647H2.56365L2.56365\x2013.4365H6.16365V9.83647zM9.83635\x207.36377C9.17361\x207.36377\x208.63635\x206.82651\x208.63635\x206.16377V2.56377C8.63635\x201.90103\x209.17361\x201.36377\x209.83635\x201.36377H13.4364C14.0991\x201.36377\x2014.6364\x201.90103\x2014.6364\x202.56377V6.16377C14.6364\x206.82651\x2014.0991\x207.36377\x2013.4364\x207.36377H9.83635zM9.83635\x206.16377V2.56377L13.4364\x202.56377V6.16377H9.83635z','image-cropper.error','prototype','univer-image-common-panel-column-center','getNativeSize','substring','sheet.operation.close-image-crop','_imageUpdateListener','changeEnd$','M5.57564\x2011.6118C5.80995\x2011.3774\x206.18985\x2011.3774\x206.42417\x2011.6118L7.3999\x2012.5875V6.36951C7.3999\x206.03814\x207.66853\x205.76951\x207.9999\x205.76951C8.33127\x205.76951\x208.5999\x206.03814\x208.5999\x206.36951V12.5875L9.57564\x2011.6118C9.80995\x2011.3774\x2010.1899\x2011.3774\x2010.4242\x2011.6118C10.6585\x2011.8461\x2010.6585\x2012.226\x2010.4242\x2012.4603L8.4324\x2014.452C8.32324\x2014.5655\x208.16982\x2014.6362\x207.9999\x2014.6362C7.82998\x2014.6362\x207.67655\x2014.5655\x207.56739\x2014.452L5.57564\x2012.4603C5.34132\x2012.226\x205.34132\x2011.8461\x205.57564\x2011.6118Z','COMPONENT_IMAGE_POPUP_MENU','UNIVER_SLIDE','M1.25\x2013.036C1.25\x2012.1523\x201.96634\x2011.436\x202.85\x2011.436H13.15C14.0337\x2011.436\x2014.75\x2012.1523\x2014.75\x2013.036C14.75\x2013.9196\x2014.0337\x2014.636\x2013.15\x2014.636H2.85C1.96635\x2014.636\x201.25\x2013.9196\x201.25\x2013.036ZM2.85\x2012.636C2.62909\x2012.636\x202.45\x2012.8151\x202.45\x2013.036C2.45\x2013.2569\x202.62909\x2013.436\x202.85\x2013.436H13.15C13.3709\x2013.436\x2013.55\x2013.2569\x2013.55\x2013.036C13.55\x2012.8151\x2013.3709\x2012.636\x2013.15\x2012.636H2.85Z','R3_2','colorChannel1','getUnit','Button','call','Group','DrawingCommonPanel','_sceneListenerOnImageMap','unsubscribe','0\x200\x2017\x2016','refreshSrcRect','createElement','drawImage','4901645XAUioR','innerHeight','replaceRuntimeIdsInDefs','add$','Rect','__decorateClass$2','image-panel.align.middle','render','getUnitId','children','image-panel.arrange.backward','image-panel.transform.lock','string','DrawingAlign','onCommandExecuted','unitId','univer-image-common-panel','M8.57975\x2014.5902L6.58023\x2012.5907C6.34591\x2012.3564\x206.34591\x2011.9765\x206.58023\x2011.7421\x206.81454\x2011.5078\x207.19444\x2011.5078\x207.42876\x2011.7421L8.40449\x2012.7179V10.1664C8.40449\x209.83504\x208.67312\x209.56641\x209.00449\x209.56641\x209.33586\x209.56641\x209.60449\x209.83504\x209.60449\x2010.1664V12.7179L10.5802\x2011.7421C10.8145\x2011.5078\x2011.1944\x2011.5078\x2011.4288\x2011.7421\x2011.6631\x2011.9765\x2011.6631\x2012.3564\x2011.4288\x2012.5907L9.42923\x2014.5902M8.57975\x2014.5902C8.58121\x2014.5917\x208.58268\x2014.5931\x208.58416\x2014.5946\x208.64077\x2014.6502\x208.70566\x2014.6923\x208.77482\x2014.7209\x208.84557\x2014.7502\x208.92314\x2014.7664\x209.00449\x2014.7664\x209.08585\x2014.7664\x209.16342\x2014.7502\x209.23416\x2014.7209\x209.30332\x2014.6923\x209.36821\x2014.6502\x209.42482\x2014.5946','image-panel.crop.title','close','R16_9','R9_16','@univerjs/core','Canvas','getDrawingsByGroup','onArrangeBtnClick','_init','getCurrentUnitInfo','visible','imageCommonPanelInput','_initCustomComponents','DRAWING_GROUP','forward','center','1em','MessageType','_applyAlignType','toStringTag','_getSrcRectByTransformState','dragPadding','setPrstGeom','_applyProps','imagePopupMenu','pluginName','update$','SetDrawingAlignOperation','__decorateParam$4','getDrawingShapeKeyByDrawingSearch','tag','index','_drawingAddListener','getFocusedUnit','show','calculateTransformWithSrcRect','sheet.operation.set-image-align','image-panel.crop.mode','label','imageCommonPanelRowVertical','forEach','M7.82994\x201.40913C7.88746\x201.35161\x207.95376\x201.30821\x208.02453\x201.27893C8.09527\x201.24959\x208.17285\x201.2334\x208.2542\x201.2334C8.33555\x201.2334\x208.41313\x201.24959\x208.48387\x201.27893C8.55464\x201.30821\x208.62094\x201.35161\x208.67846\x201.40913L10.6785\x203.40913C10.9128\x203.64345\x2010.9128\x204.02335\x2010.6785\x204.25766C10.4441\x204.49198\x2010.0642\x204.49198\x209.82994\x204.25766L8.8542\x203.28193V5.8334C8.8542\x206.16477\x208.58557\x206.4334\x208.2542\x206.4334C7.92283\x206.4334\x207.6542\x206.16477\x207.6542\x205.8334V3.28193L6.67846\x204.25766C6.44415\x204.49198\x206.06425\x204.49198\x205.82994\x204.25766C5.59562\x204.02335\x205.59562\x203.64345\x205.82994\x203.40913L7.82994\x201.40913Z','extend','UNIVER_DOC','_calculateSrcRectByRatio','block','handleClick','getImageSourceCache','ImageCropperController','9:16','image-panel.align.right','autofill','src','-viewer-dialog','oKey','_addHoverForImage','rgb(var(--green-700,\x20#409f11))','getCanvasEle','Select','clearControl$','handleCropChange','IImageIoService','imageCommonPanelSpan3','__decorateClass$3','_messageService','_addListenerOnDrawing','onPointerLeave$','path','_insertImages','image-panel.group.group','M3.19888\x205.56299C2.31522\x205.56299\x201.59888\x206.27933\x201.59888\x207.16299V13.163C1.59888\x2014.0466\x202.31522\x2014.763\x203.19888\x2014.763H9.19888C10.0825\x2014.763\x2010.7989\x2014.0466\x2010.7989\x2013.163V7.16299C10.7989\x206.27933\x2010.0825\x205.56299\x209.19888\x205.56299H3.19888ZM2.79888\x207.16299C2.79888\x206.94207\x202.97796\x206.76299\x203.19888\x206.76299H9.19888C9.41979\x206.76299\x209.59888\x206.94207\x209.59888\x207.16299V13.163C9.59888\x2013.3839\x209.41979\x2013.563\x209.19888\x2013.563H3.19888C2.97796\x2013.563\x202.79888\x2013.3839\x202.79888\x2013.163V7.16299Z','POSITIVE_INFINITY','getObjectIncludeInGroup','subscribe','_srcRect','displayName','_injector','add','_initialCacheCanvas','_initCloseCrop','refreshTransform$','_draw','div','getActiveSheet','onClose','IUniverInstanceService','getDrawingOKey','_dialogService','@univerjs/drawing','_updateCropperObject','open','map','_localeService','univer-image-common-panel-span2','8px','getFocusDrawings','_sortDrawingTransform','_dragPadding','__decorateParam$3','-100px','refreshControls','__decorateClass$1','MOVE','_endCropListener','getDrawingEditable','univer-btn-container-expand','image-panel.arrange.title','checkIfMove','_drawingArrangeListener','Univer\x20Image\x20Viewer','toDisposable','5:4','__decorateClass$4','activeSheet$','none','16:9','height','length','onChange','defineProperty','flex','image-panel.transform.x','rgb(0,\x200,\x200)','disable','ImageViewer','2:3','setTransform','sheet.operation.open-image-crop','R4_3','100%','getObject','activeScene','onStarting','getOwnPropertySymbols','span','image-panel.group.title','changing$','_adjustImageSize','M1.50439\x209C1.50439\x208.11634\x202.22074\x207.4\x203.10439\x207.4H13.4044C14.288\x207.4\x2015.0044\x208.11634\x2015.0044\x209\x2015.0044\x209.88366\x2014.2881\x2010.6\x2013.4044\x2010.6H3.1044C2.22074\x2010.6\x201.50439\x209.88366\x201.50439\x209zM3.10439\x208.6C2.88348\x208.6\x202.70439\x208.77909\x202.70439\x209\x202.70439\x209.22091\x202.88348\x209.4\x203.1044\x209.4H13.4044C13.6253\x209.4\x2013.8044\x209.22091\x2013.8044\x209\x2013.8044\x208.77909\x2013.6253\x208.6\x2013.4044\x208.6H3.10439zM1.6543\x2013.1665C1.6543\x2012.2828\x202.37064\x2011.5665\x203.2543\x2011.5665H13.5543C14.438\x2011.5665\x2015.1543\x2012.2828\x2015.1543\x2013.1665\x2015.1543\x2014.0502\x2014.438\x2014.7665\x2013.5543\x2014.7665H3.2543C2.37064\x2014.7665\x201.6543\x2014.0502\x201.6543\x2013.1665zM3.2543\x2012.7665C3.03338\x2012.7665\x202.8543\x2012.9456\x202.8543\x2013.1665\x202.8543\x2013.3874\x203.03338\x2013.5665\x203.2543\x2013.5665H13.5543C13.7752\x2013.5665\x2013.9543\x2013.3874\x2013.9543\x2013.1665\x2013.9543\x2012.9456\x2013.7752\x2012.7665\x2013.5543\x2012.7665H3.2543z','LocaleService','react','renderImages','getMatrix','setSelectedControl','0\x200\x2016\x2016','executeCommand','fill','_addDialogForImage','imageCommonPanelGrid','defs','clearSelectedObjects','handleLockRatioChange','_clipForApplyObject','scene','getTransformerByCreate','image-panel.align.center','default','focus$','useState','srcRectAngle','3:4','image-panel.align.top','_currentUniverService','onVisibleChange','createControlForCopper','getInverseCoord','M11.0363\x2012.2367V14.0367C11.0363\x2014.3681\x2011.3049\x2014.6367\x2011.6363\x2014.6367C11.9676\x2014.6367\x2012.2363\x2014.3681\x2012.2363\x2014.0367V12.2367H14.0364C14.3677\x2012.2367\x2014.6364\x2011.9681\x2014.6364\x2011.6367C14.6364\x2011.3054\x2014.3677\x2011.0367\x2014.0364\x2011.0367H12.2363V9.23672C12.2363\x208.90535\x2011.9676\x208.63672\x2011.6363\x208.63672C11.3049\x208.63672\x2011.0363\x208.90535\x2011.0363\x209.23672V11.0367H9.23635C8.90498\x2011.0367\x208.63635\x2011.3054\x208.63635\x2011.6367C8.63635\x2011.9681\x208.90498\x2012.2367\x209.23635\x2012.2367H11.0363Z','_groupDrawings','strokeWidth','rect','onRendered','IDrawingManagerService','url(#$1','extraProps','defIds','DEFAULT','translate(-50%,\x20-50%)','currentColor','_drawingVisibleListener','right','_drawingRefreshListener','sort','small','CommandType','getDrawingByParam','width','152740hqZXdI','disposeWithMe','debounce','generateRandomId','rotateByPoint','addImageSourceCache','_configService','degToRad','_drawingArrange','CURSOR_TYPE','R1_1','_ungroupDrawings','MoveDownSingle','getTransform','className','transform','getEngine','imageCommonPanelTitle','ImageUpdateController','subUnitId','addObjects','M2.58916\x206.6741C2.58916\x206.34273\x202.32053\x206.0741\x201.98916\x206.0741C1.65779\x206.0741\x201.38916\x206.34273\x201.38916\x206.6741V12.6294C1.38916\x2014.0653\x202.55322\x2015.2294\x203.98916\x2015.2294H9.41408C9.74545\x2015.2294\x2010.0141\x2014.9607\x2010.0141\x2014.6294C10.0141\x2014.298\x209.74545\x2014.0294\x209.41408\x2014.0294H3.98916C3.21596\x2014.0294\x202.58916\x2013.4026\x202.58916\x2012.6294V6.6741Z','indexOf','beginPath','_renderManagerService','CreateCopySingle'];_0x3b75=function(){return _0x326bda;};return _0x3b75();}var __defProp=Object[_0x1a748f(0x122)],__defNormalProp=(_0x43fa6c,_0x1edc6b,_0x5546ff)=>_0x1edc6b in _0x43fa6c?__defProp(_0x43fa6c,_0x1edc6b,{'enumerable':!0x0,'configurable':!0x0,'writable':!0x0,'value':_0x5546ff}):_0x43fa6c[_0x1edc6b]=_0x5546ff,__name=(_0x40ae5e,_0x6ccc17)=>__defProp(_0x40ae5e,'name',{'value':_0x6ccc17,'configurable':!0x0}),__publicField=(_0x1dd3c6,_0x35ddce,_0x2b31c9)=>__defNormalProp(_0x1dd3c6,typeof _0x35ddce!='symbol'?_0x35ddce+'':_0x35ddce,_0x2b31c9);Object[_0x1a748f(0x122)](exports,Symbol[_0x1a748f(0x2c2)],{'value':'Module'});const drawing=require(_0x1a748f(0x307)),engineRender=require(_0x1a748f(0x1a1)),core=require(_0x1a748f(0x2b3)),React=require(_0x1a748f(0x137)),design=require(_0x1a748f(0x1be)),clsx=require('clsx'),ui=require('@univerjs/ui'),rxjs=require(_0x1a748f(0x1ed));function insertGroupObject(_0x185b4b,_0x22450d,_0x308699,_0x4b78b0){const _0x4a3fca=_0x1a748f,_0x5d7fbf=_0x4b78b0[_0x4a3fca(0x163)](_0x185b4b);if(_0x5d7fbf==null)return;const _0x41358c=drawing[_0x4a3fca(0x2cc)](_0x185b4b),_0xce59c6=_0x308699['getObject'](_0x41358c);if(_0xce59c6&&!(_0xce59c6 instanceof engineRender[_0x4a3fca(0x295)]))return;if(_0xce59c6!=null){_0xce59c6[_0x4a3fca(0x252)](_0x22450d);return;}const _0x143e94=new engineRender[(_0x4a3fca(0x295))](_0x41358c);_0x308699[_0x4a3fca(0x252)](_0x143e94,engineRender['DRAWING_OBJECT_LAYER_INDEX'])[_0x4a3fca(0x23e)](_0x143e94),_0x143e94['addObject'](_0x22450d);const {transform:_0x225e20}=_0x5d7fbf;_0x225e20&&_0x143e94['transformByState']({'left':_0x225e20[_0x4a3fca(0x1a5)],'top':_0x225e20[_0x4a3fca(0x1cb)],'angle':_0x225e20['angle']});}__name(insertGroupObject,'insertGroupObject');function getCurrentUnitInfo(_0x4a788f,_0x2020d9){const _0x1c326d=_0x1a748f;var _0x70c676;const _0x519b59=_0x2020d9?_0x4a788f[_0x1c326d(0x292)](_0x2020d9):_0x4a788f['getFocusedUnit']();if(_0x519b59==null)return;const _0x3b4d2f=_0x519b59[_0x1c326d(0x2a5)]();let _0x1e4b24;return _0x519b59['type']===core['UniverInstanceType']['UNIVER_SHEET']?_0x1e4b24=(_0x70c676=_0x519b59[_0x1c326d(0x302)]())==null?void 0x0:_0x70c676['getSheetId']():(_0x519b59[_0x1c326d(0x282)]===core[_0x1c326d(0x277)][_0x1c326d(0x2da)]\|\|_0x519b59[_0x1c326d(0x282)]===core[_0x1c326d(0x277)][_0x1c326d(0x28e)])&&(_0x1e4b24=_0x3b4d2f),{'unitId':_0x3b4d2f,'subUnitId':_0x1e4b24,'current':_0x519b59};}__name(getCurrentUnitInfo,_0x1a748f(0x2b8));var __defProp$5=Object['defineProperty'],__getOwnPropDesc$5=Object[_0x1a748f(0x1e9)],__decorateClass$5=__name((_0x548aac,_0x22237d,_0x12b07b,_0x18c054)=>{for(var _0x4facfa=_0x18c054>0x1?void 0x0:_0x18c054?__getOwnPropDesc$5(_0x22237d,_0x12b07b):_0x22237d,_0x45fb81=_0x548aac['length']-0x1,_0x21e31b;_0x45fb81>=0x0;_0x45fb81--)(_0x21e31b=_0x548aac[_0x45fb81])&&(_0x4facfa=(_0x18c054?_0x21e31b(_0x22237d,_0x12b07b,_0x4facfa):_0x21e31b(_0x4facfa))\|\|_0x4facfa);return _0x18c054&&_0x4facfa&&__defProp$5(_0x22237d,_0x12b07b,_0x4facfa),_0x4facfa;},_0x1a748f(0x257)),__decorateParam$5=__name((_0x1323b3,_0x566941)=>(_0x58a27f,_0x48690a)=>_0x566941(_0x58a27f,_0x48690a,_0x1323b3),_0x1a748f(0x215)),_a;exports[_0x1a748f(0x205)]=(_a=class{constructor(_0x2e8a8f,_0x3e604d){const _0x3dc5e9=_0x1a748f;this['_drawingManagerService']=_0x2e8a8f,this[_0x3dc5e9(0x1cd)]=_0x3e604d;}async['renderImages'](_0xcb564b,_0x576b70){const _0xb31325=_0x1a748f,{transform:_0x1d954e,drawingType:_0xbe0406,source:_0x3cbe95,imageSourceType:_0x24cd7a,srcRect:_0x3b5ea3,prstGeom:_0xacdda3,groupId:_0x2ea92c,unitId:_0x236ba1,subUnitId:_0x4171a6,drawingId:_0x1770ef,isMultiTransform:_0x3c52b2,transforms:_0x71d39}=_0xcb564b;if(_0xbe0406!==drawing['DrawingTypeEnum']['DRAWING_IMAGE']\|\|!this['_drawingManagerService'][_0xb31325(0x182)]()\|\|_0x1d954e==null)return;const _0x119659=_0x3c52b2&&_0x71d39?_0x71d39:[_0x1d954e],_0x935cf3=[];for(const _0x3ee5a8 of _0x119659){const {left:_0x5f518a,top:_0x3faccb,width:_0x2bad95,height:_0x581b34,angle:_0x74cd91,flipX:_0x400725,flipY:_0x5862b9,skewX:_0x1ac19e,skewY:_0x903c8e}=_0x3ee5a8,_0x45c8f4=_0x119659[_0xb31325(0x17b)](_0x3ee5a8),_0x121518=drawing['getDrawingShapeKeyByDrawingSearch']({'unitId':_0x236ba1,'subUnitId':_0x4171a6,'drawingId':_0x1770ef},_0x3c52b2?_0x45c8f4:void 0x0),_0x2641bb=_0x576b70[_0xb31325(0x12d)](_0x121518);if(_0x2641bb!=null){_0x2641bb[_0xb31325(0x218)]({'left':_0x5f518a,'top':_0x3faccb,'width':_0x2bad95,'height':_0x581b34,'angle':_0x74cd91,'flipX':_0x400725,'flipY':_0x5862b9,'skewX':_0x1ac19e,'skewY':_0x903c8e});continue;}const _0x1dabeb=this[_0xb31325(0x1ba)]['getDrawingOrder'](_0x236ba1,_0x4171a6),_0x15e7a5=_0x1dabeb[_0xb31325(0x17b)](_0x1770ef),_0x53b45e={..._0x3ee5a8,'zIndex':_0x15e7a5===-0x1?_0x1dabeb[_0xb31325(0x120)]-0x1:_0x15e7a5},_0x581a20=this[_0xb31325(0x1cd)][_0xb31325(0x2de)](_0x3cbe95,_0x24cd7a);let _0xa6e5df=!0x1;if(_0x581a20!=null)_0x53b45e[_0xb31325(0x1b8)]=_0x581a20;else{if(_0x24cd7a===drawing['ImageSourceType'][_0xb31325(0x1f5)])try{_0x53b45e[_0xb31325(0x1fc)]=await this[_0xb31325(0x1cd)]['getImage'](_0x3cbe95);}catch(_0x4aba33){console['error'](_0x4aba33);continue;}else _0x53b45e[_0xb31325(0x1fc)]=_0x3cbe95;_0xa6e5df=!0x0;}if(_0x576b70[_0xb31325(0x12d)](_0x121518))continue;_0x53b45e['printable']=!0x0;const _0x2b89eb=new engineRender[(_0xb31325(0x23a))](_0x121518,_0x53b45e);if(_0xa6e5df&&this['_imageIoService'][_0xb31325(0x16a)](_0x3cbe95,_0x24cd7a,_0x2b89eb[_0xb31325(0x246)]()),!this[_0xb31325(0x1ba)][_0xb31325(0x182)]())continue;const _0x5e5f4c=_0x576b70[_0xb31325(0x252)](_0x2b89eb,engineRender[_0xb31325(0x211)]);this[_0xb31325(0x1ba)][_0xb31325(0x113)]()&&_0x5e5f4c[_0xb31325(0x23e)](_0x2b89eb),_0x2ea92c&&insertGroupObject({'drawingId':_0x2ea92c,'unitId':_0x236ba1,'subUnitId':_0x4171a6},_0x2b89eb,_0x576b70,this[_0xb31325(0x1ba)]),_0xacdda3!=null&&_0x2b89eb[_0xb31325(0x2c5)](_0xacdda3),_0x3b5ea3!=null&&_0x2b89eb[_0xb31325(0x19b)](_0x3b5ea3),_0x935cf3[_0xb31325(0x18b)](_0x2b89eb);}return _0x935cf3;}['renderDrawing'](_0xadec74,_0x2658c5){const _0x4c9698=_0x1a748f,_0x543163=this[_0x4c9698(0x1ba)][_0x4c9698(0x163)](_0xadec74);if(_0x543163!=null)switch(_0x543163[_0x4c9698(0x22c)]){case drawing[_0x4c9698(0x263)]['DRAWING_IMAGE']:return this[_0x4c9698(0x138)](_0x543163,_0x2658c5);}}},__name(_a,_0x1a748f(0x205)),_a),exports[_0x1a748f(0x205)]=__decorateClass$5([__decorateParam$5(0x0,drawing[_0x1a748f(0x156)]),__decorateParam$5(0x1,drawing[_0x1a748f(0x2ec)])],exports['DrawingRenderService']);function getUpdateParams(_0x50f7a8,_0x4abdfc){const _0x310331=_0x1a748f,_0x518122=[];return _0x50f7a8[_0x310331(0x2d7)](_0x317a20=>{const _0x3f4795=_0x310331,{oKey:_0x42439a,left:_0x548f9a,top:_0x3c1884,height:_0x2ab846,width:_0x4c4b4a,angle:_0x835fd6}=_0x317a20,_0x335261=_0x4abdfc[_0x3f4795(0x305)](_0x42439a);if(_0x335261==null)return _0x518122['push'](null),!0x0;const {unitId:_0xb45519,subUnitId:_0x38946c,drawingId:_0xc1f70c,drawingType:_0x256db9}=_0x335261,_0x40a5a7={'unitId':_0xb45519,'subUnitId':_0x38946c,'drawingId':_0xc1f70c,'drawingType':_0x256db9,'transform':{'left':_0x548f9a,'top':_0x3c1884,'height':_0x2ab846,'width':_0x4c4b4a,'angle':_0x835fd6}};_0x256db9===drawing['DrawingTypeEnum'][_0x3f4795(0x1aa)]&&(_0x40a5a7[_0x3f4795(0x22e)]=_0x317a20[_0x3f4795(0x22e)]),_0x518122[_0x3f4795(0x18b)](_0x40a5a7);}),_0x518122;}__name(getUpdateParams,'getUpdateParams');var __assign=function(){const _0x254fc1=_0x1a748f;return __assign=Object[_0x254fc1(0x24e)]\|\|function(_0x3cdf2e){const _0x3048ed=_0x254fc1;for(var _0x1f1c99,_0x424646=0x1,_0x1696fb=arguments[_0x3048ed(0x120)];_0x424646<_0x1696fb;_0x424646++){_0x1f1c99=arguments[_0x424646];for(var _0x42e3dc in _0x1f1c99)Object[_0x3048ed(0x285)][_0x3048ed(0x26a)]['call'](_0x1f1c99,_0x42e3dc)&&(_0x3cdf2e[_0x42e3dc]=_0x1f1c99[_0x42e3dc]);}return _0x3cdf2e;},__assign['apply'](this,arguments);},__rest=function(_0x1e2fff,_0x5d7b79){const _0x19c284=_0x1a748f;var _0x52cb1f={};for(var _0x71b84d in _0x1e2fff)Object[_0x19c284(0x285)][_0x19c284(0x26a)][_0x19c284(0x294)](_0x1e2fff,_0x71b84d)&&_0x5d7b79[_0x19c284(0x17b)](_0x71b84d)<0x0&&(_0x52cb1f[_0x71b84d]=_0x1e2fff[_0x71b84d]);if(_0x1e2fff!=null&&typeof Object['getOwnPropertySymbols']==_0x19c284(0x1b7)){for(var _0x238f84=0x0,_0x71b84d=Object[_0x19c284(0x130)](_0x1e2fff);_0x238f84<_0x71b84d[_0x19c284(0x120)];_0x238f84++)_0x5d7b79[_0x19c284(0x17b)](_0x71b84d[_0x238f84])<0x0&&Object[_0x19c284(0x285)]['propertyIsEnumerable'][_0x19c284(0x294)](_0x1e2fff,_0x71b84d[_0x238f84])&&(_0x52cb1f[_0x71b84d[_0x238f84]]=_0x1e2fff[_0x71b84d[_0x238f84]]);}return _0x52cb1f;},IconBase=React['forwardRef'](function(_0x477926,_0x56ffe7){const _0x4e312f=_0x1a748f;var _0x4ca937=_0x477926[_0x4e312f(0x216)],_0x5425b7=_0x477926['id'],_0x859753=_0x477926['className'],_0xa1850d=_0x477926[_0x4e312f(0x2d9)],_0x244921=__rest(_0x477926,[_0x4e312f(0x216),'id',_0x4e312f(0x173),_0x4e312f(0x2d9)]),_0xa48565='univerjs-icon\x20univerjs-icon-'[_0x4e312f(0x280)](_0x5425b7,'\x20')[_0x4e312f(0x280)](_0x859753\|\|'')[_0x4e312f(0x1a6)](),_0x48d26c=React[_0x4e312f(0x1b6)]('_'[_0x4e312f(0x280)](generateShortUuid()));return render(_0x4ca937,''['concat'](_0x5425b7),{'defIds':_0x4ca937['defIds'],'idSuffix':_0x48d26c[_0x4e312f(0x265)]},__assign({'ref':_0x56ffe7,'className':_0xa48565},_0x244921),_0xa1850d);});function render(_0x25171b,_0x5b278e,_0x4c5a05,_0xc665d5,_0x32d988){const _0x262017=_0x1a748f;return React[_0x262017(0x29b)](_0x25171b[_0x262017(0x2cd)],__assign(__assign({'key':_0x5b278e},replaceRuntimeIdsAndExtInAttrs(_0x25171b,_0x4c5a05,_0x32d988)),_0xc665d5),(replaceRuntimeIdsInDefs(_0x25171b,_0x4c5a05)['children']\|\|[])[_0x262017(0x30a)](function(_0x379e04,_0x278e80){const _0x13b229=_0x262017;return render(_0x379e04,''[_0x13b229(0x280)](_0x5b278e,'-')[_0x13b229(0x280)](_0x25171b[_0x13b229(0x2cd)],'-')[_0x13b229(0x280)](_0x278e80),_0x4c5a05,void 0x0,_0x32d988);}));}__name(render,'render');function replaceRuntimeIdsAndExtInAttrs(_0x6affaf,_0x15d841,_0x2f56ca){const _0x3d1ad8=_0x1a748f;var _0x424fb9=__assign({},_0x6affaf['attrs']);_0x2f56ca!=null&&_0x2f56ca[_0x3d1ad8(0x291)]&&_0x424fb9[_0x3d1ad8(0x13d)]===_0x3d1ad8(0x291)&&(_0x424fb9[_0x3d1ad8(0x13d)]=_0x2f56ca[_0x3d1ad8(0x291)]);var _0x1a6b17=_0x15d841['defIds'];return!_0x1a6b17\|\|_0x1a6b17[_0x3d1ad8(0x120)]===0x0\|\|(_0x6affaf['tag']===_0x3d1ad8(0x195)&&_0x424fb9[_0x3d1ad8(0x244)]&&(_0x424fb9[_0x3d1ad8(0x244)]=_0x424fb9[_0x3d1ad8(0x244)]+_0x15d841[_0x3d1ad8(0x1d3)]),Object['entries'](_0x424fb9)[_0x3d1ad8(0x2d7)](function(_0x5d61e4){const _0x220712=_0x3d1ad8;var _0x5781df=_0x5d61e4[0x0],_0x307d49=_0x5d61e4[0x1];typeof _0x307d49==_0x220712(0x2a9)&&(_0x424fb9[_0x5781df]=_0x307d49[_0x220712(0x25c)](/url$#(.)$/,_0x220712(0x157)['concat'](_0x15d841['idSuffix'],')')));})),_0x424fb9;}__name(replaceRuntimeIdsAndExtInAttrs,_0x1a748f(0x1b0));function replaceRuntimeIdsInDefs(_0x6b9625,_0x1b8a9f){const _0x4c4015=_0x1a748f;var _0x443516,_0x352e98=_0x1b8a9f[_0x4c4015(0x159)];return!_0x352e98\|\|_0x352e98[_0x4c4015(0x120)]===0x0?_0x6b9625:_0x6b9625[_0x4c4015(0x2cd)]===_0x4c4015(0x140)&&(!((_0x443516=_0x6b9625['children'])===null\|\|_0x443516===void 0x0)&&_0x443516[_0x4c4015(0x120)])?__assign(__assign({},_0x6b9625),{'children':_0x6b9625[_0x4c4015(0x2a6)][_0x4c4015(0x30a)](function(_0x409c05){const _0x37fdc3=_0x4c4015;return typeof _0x409c05[_0x37fdc3(0x26e)]['id']==_0x37fdc3(0x2a9)&&_0x352e98&&_0x352e98[_0x37fdc3(0x17b)](_0x409c05[_0x37fdc3(0x26e)]['id'])>-0x1?__assign(__assign({},_0x409c05),{'attrs':__assign(__assign({},_0x409c05[_0x37fdc3(0x26e)]),{'id':_0x409c05[_0x37fdc3(0x26e)]['id']+_0x1b8a9f['idSuffix']})}):_0x409c05;})}):_0x6b9625;}__name(replaceRuntimeIdsInDefs,_0x1a748f(0x29f));function generateShortUuid(){const _0x22279e=_0x1a748f;return Math['random']()['toString'](0x24)[_0x22279e(0x288)](0x2,0x8);}__name(generateShortUuid,_0x1a748f(0x1d0)),IconBase[_0x1a748f(0x2fa)]=_0x1a748f(0x254);var element$8={'tag':_0x1a748f(0x1f4),'attrs':{'fill':_0x1a748f(0x11d),'viewBox':_0x1a748f(0x13b),'width':_0x1a748f(0x2bf),'height':_0x1a748f(0x2bf)},'children':[{'tag':_0x1a748f(0x2f2),'attrs':{'fill':_0x1a748f(0x291),'d':_0x1a748f(0x151)}},{'tag':_0x1a748f(0x2f2),'attrs':{'fill':'currentColor','d':_0x1a748f(0x283),'fillRule':_0x1a748f(0x1ac),'clipRule':_0x1a748f(0x1ac)}}]},Autofill=React['forwardRef'](function(_0x20171e,_0x5b3872){const _0x31650c=_0x1a748f;return React[_0x31650c(0x29b)](IconBase,Object[_0x31650c(0x24e)]({},_0x20171e,{'id':_0x31650c(0x2e2),'ref':_0x5b3872,'icon':element$8}));});Autofill[_0x1a748f(0x2fa)]=_0x1a748f(0x1dc);var element$7={'tag':_0x1a748f(0x1f4),'attrs':{'fill':'none','viewBox':_0x1a748f(0x299),'width':_0x1a748f(0x2bf),'height':_0x1a748f(0x2bf)},'children':[{'tag':_0x1a748f(0x2f2),'attrs':{'fill':_0x1a748f(0x15c),'d':'M14.0045\x204.4334C14.8881\x204.4334\x2015.6045\x203.71705\x2015.6045\x202.8334\x2015.6045\x201.94974\x2014.8881\x201.2334\x2014.0045\x201.2334H3.70449C2.82084\x201.2334\x202.10449\x201.94974\x202.10449\x202.8334\x202.10449\x203.71705\x202.82084\x204.4334\x203.70449\x204.4334H14.0045zM14.4045\x202.8334C14.4045\x203.05431\x2014.2254\x203.2334\x2014.0045\x203.2334H3.70449C3.48358\x203.2334\x203.30449\x203.05431\x203.30449\x202.8334\x203.30449\x202.61248\x203.48358\x202.4334\x203.70449\x202.4334H14.0045C14.2254\x202.4334\x2014.4045\x202.61249\x2014.4045\x202.8334zM14.1544\x208.5999C15.038\x208.5999\x2015.7544\x207.88356\x2015.7544\x206.9999\x2015.7544\x206.11625\x2015.038\x205.3999\x2014.1544\x205.3999H3.85439C2.97074\x205.3999\x202.25439\x206.11625\x202.25439\x206.9999\x202.25439\x207.88356\x202.97074\x208.5999\x203.85439\x208.5999H14.1544zM14.5544\x206.9999C14.5544\x207.22082\x2014.3753\x207.3999\x2014.1544\x207.3999H3.85439C3.63348\x207.3999\x203.45439\x207.22082\x203.45439\x206.9999\x203.45439\x206.77899\x203.63348\x206.5999\x203.85439\x206.5999H14.1544C14.3753\x206.5999\x2014.5544\x206.77899\x2014.5544\x206.9999z','fillRule':'evenodd','clipRule':_0x1a748f(0x1ac)}},{'tag':_0x1a748f(0x2f2),'attrs':{'fill':'currentColor','d':_0x1a748f(0x2ae)}}]},BottomSingle=React[_0x1a748f(0x25f)](function(_0x46e827,_0x1ad6e9){const _0x1f03dd=_0x1a748f;return React[_0x1f03dd(0x29b)](IconBase,Object['assign']({},_0x46e827,{'id':_0x1f03dd(0x1a4),'ref':_0x1ad6e9,'icon':element$7}));});BottomSingle[_0x1a748f(0x2fa)]='BottomSingle';var element$6={'tag':_0x1a748f(0x1f4),'attrs':{'fill':_0x1a748f(0x11d),'viewBox':'0\x200\x2016\x2016','width':_0x1a748f(0x2bf),'height':_0x1a748f(0x2bf)},'children':[{'tag':_0x1a748f(0x2f2),'attrs':{'fill':_0x1a748f(0x15c),'d':'M5.97705\x207.51296C5.97705\x207.18159\x206.24568\x206.91296\x206.57705\x206.91296H8.48632C8.81769\x206.91296\x209.08632\x207.18159\x209.08632\x207.51296\x209.08632\x207.84433\x208.81769\x208.11296\x208.48632\x208.11296H6.57705C6.24568\x208.11296\x205.97705\x207.84433\x205.97705\x207.51296zM6.57705\x209.41028C6.24568\x209.41028\x205.97705\x209.67891\x205.97705\x2010.0103\x205.97705\x2010.3416\x206.24568\x2010.6103\x206.57705\x2010.6103H10.8199C11.1512\x2010.6103\x2011.4199\x2010.3416\x2011.4199\x2010.0103\x2011.4199\x209.67891\x2011.1512\x209.41028\x2010.8199\x209.41028H6.57705z'}},{'tag':_0x1a748f(0x2f2),'attrs':{'fill':_0x1a748f(0x15c),'d':'M3.51074\x202.37063C3.51074\x201.48697\x204.22709\x200.77063\x205.11074\x200.77063H9.80318L9.81294\x200.770708C9.97168\x200.768161\x2010.1311\x200.82824\x2010.2511\x200.95055L14.4317\x205.21408C14.5165\x205.30049\x2014.5697\x205.406\x2014.5917\x205.51645C14.6041\x205.5644\x2014.6106\x205.61467\x2014.6106\x205.66648V11.6406C14.6106\x2012.5243\x2013.8943\x2013.2406\x2013.0106\x2013.2406H5.11074C4.22709\x2013.2406\x203.51074\x2012.5243\x203.51074\x2011.6406V2.37063ZM10.4032\x204.66648V2.81964L12.6063\x205.06648H10.8032C10.5823\x205.06648\x2010.4032\x204.88739\x2010.4032\x204.66648ZM5.11074\x201.97063C4.88983\x201.97063\x204.71074\x202.14972\x204.71074\x202.37063V11.6406C4.71074\x2011.8615\x204.88983\x2012.0406\x205.11074\x2012.0406H13.0106C13.2316\x2012.0406\x2013.4106\x2011.8615\x2013.4106\x2011.6406V6.26648H10.8032C9.91953\x206.26648\x209.20318\x205.55013\x209.20318\x204.66648V1.97063H5.11074Z','fillRule':'evenodd','clipRule':_0x1a748f(0x1ac)}},{'tag':_0x1a748f(0x2f2),'attrs':{'fill':'currentColor','d':_0x1a748f(0x17a)}}]},CreateCopySingle=React[_0x1a748f(0x25f)](function(_0xe06eb3,_0x40d4f2){const _0x4ca584=_0x1a748f;return React['createElement'](IconBase,Object[_0x4ca584(0x24e)]({},_0xe06eb3,{'id':'create-copy-single','ref':_0x40d4f2,'icon':element$6}));});CreateCopySingle[_0x1a748f(0x2fa)]=_0x1a748f(0x17e);var element$5={'tag':_0x1a748f(0x1f4),'attrs':{'fill':'none','viewBox':'0\x200\x2017\x2016','width':_0x1a748f(0x2bf),'height':'1em'},'children':[{'tag':_0x1a748f(0x2f2),'attrs':{'fill':'currentColor','d':'M7.38125\x201.16211C6.49759\x201.16211\x205.78125\x201.87845\x205.78125\x202.76211V5.6377H2.87783C1.99418\x205.6377\x201.27783\x206.35404\x201.27783\x207.2377V13.2377C1.27783\x2014.1214\x201.99418\x2014.8377\x202.87783\x2014.8377H8.87783C9.76149\x2014.8377\x2010.4778\x2014.1214\x2010.4778\x2013.2377V10.3621H13.3813C14.2649\x2010.3621\x2014.9813\x209.64577\x2014.9813\x208.76211V2.76211C14.9813\x201.87845\x2014.2649\x201.16211\x2013.3813\x201.16211H7.38125ZM10.4778\x209.16211H13.3813C13.6022\x209.16211\x2013.7812\x208.98302\x2013.7812\x208.76211V2.76211C13.7812\x202.5412\x2013.6022\x202.36211\x2013.3813\x202.36211H7.38125C7.16034\x202.36211\x206.98125\x202.5412\x206.98125\x202.76211V5.6377H8.87783C9.76149\x205.6377\x2010.4778\x206.35404\x2010.4778\x207.2377V9.16211ZM6.98125\x206.8377H8.87783C9.09875\x206.8377\x209.27783\x207.01678\x209.27783\x207.2377V9.16211H7.38125C7.16034\x209.16211\x206.98125\x208.98302\x206.98125\x208.76211V6.8377ZM5.78125\x206.8377V8.76211C5.78125\x209.64577\x206.49759\x2010.3621\x207.38125\x2010.3621H9.27783V13.2377C9.27783\x2013.4586\x209.09875\x2013.6377\x208.87783\x2013.6377H2.87783C2.65692\x2013.6377\x202.47783\x2013.4586\x202.47783\x2013.2377V7.2377C2.47783\x207.01678\x202.65692\x206.8377\x202.87783\x206.8377H5.78125Z','fillRule':_0x1a748f(0x1ac),'clipRule':_0x1a748f(0x1ac)}}]},GroupSingle=React['forwardRef'](function(_0x28eda4,_0x2d04ac){const _0x3bc039=_0x1a748f;return React['createElement'](IconBase,Object[_0x3bc039(0x24e)]({},_0x28eda4,{'id':'group-single','ref':_0x2d04ac,'icon':element$5}));});GroupSingle['displayName']='GroupSingle';function _0x3d64(_0x24f397,_0x18ad03){const _0x3b7588=_0x3b75();return _0x3d64=function(_0x3d6481,_0x2323ce){_0x3d6481=_0x3d6481-0x110;let _0xbc379a=_0x3b7588[_0x3d6481];return _0xbc379a;},_0x3d64(_0x24f397,_0x18ad03);}var element$4={'tag':'svg','attrs':{'fill':'none','viewBox':_0x1a748f(0x13b),'width':_0x1a748f(0x2bf),'height':_0x1a748f(0x2bf)},'children':[{'tag':'path','attrs':{'fill':'currentColor','d':'M11.3536\x206.14645C11.5488\x206.34171\x2011.5488\x206.65829\x2011.3536\x206.85355L8.35355\x209.85355C8.15829\x2010.0488\x207.84171\x2010.0488\x207.64645\x209.85355L4.64645\x206.85355C4.45118\x206.65829\x204.45118\x206.34171\x204.64645\x206.14645C4.84171\x205.95118\x205.15829\x205.95118\x205.35355\x206.14645L8\x208.79289L10.6464\x206.14645C10.8417\x205.95118\x2011.1583\x205.95118\x2011.3536\x206.14645Z','fillRule':_0x1a748f(0x1ac),'clipRule':_0x1a748f(0x1ac)}}]},MoreDownSingle=React['forwardRef'](function(_0x41ada2,_0x48c043){const _0x203883=_0x1a748f;return React[_0x203883(0x29b)](IconBase,Object[_0x203883(0x24e)]({},_0x41ada2,{'id':_0x203883(0x1ca),'ref':_0x48c043,'icon':element$4}));});MoreDownSingle[_0x1a748f(0x2fa)]=_0x1a748f(0x1fb);var element$3={'tag':_0x1a748f(0x1f4),'attrs':{'fill':'none','viewBox':_0x1a748f(0x13b),'width':_0x1a748f(0x2bf),'height':_0x1a748f(0x2bf)},'children':[{'tag':'path','attrs':{'fill':'currentColor','d':_0x1a748f(0x279),'fillRule':_0x1a748f(0x1ac),'clipRule':_0x1a748f(0x1ac)}},{'tag':_0x1a748f(0x2f2),'attrs':{'fill':_0x1a748f(0x15c),'d':_0x1a748f(0x28c)}}]},MoveDownSingle=React[_0x1a748f(0x25f)](function(_0x44c7fa,_0x21298a){const _0x6ee7c6=_0x1a748f;return React[_0x6ee7c6(0x29b)](IconBase,Object['assign']({},_0x44c7fa,{'id':_0x6ee7c6(0x26b),'ref':_0x21298a,'icon':element$3}));});MoveDownSingle[_0x1a748f(0x2fa)]=_0x1a748f(0x171);var element$2={'tag':_0x1a748f(0x1f4),'attrs':{'fill':_0x1a748f(0x11d),'viewBox':_0x1a748f(0x13b),'width':_0x1a748f(0x2bf),'height':_0x1a748f(0x2bf)},'children':[{'tag':_0x1a748f(0x2f2),'attrs':{'fill':_0x1a748f(0x15c),'d':_0x1a748f(0x28f),'fillRule':_0x1a748f(0x1ac),'clipRule':_0x1a748f(0x1ac)}},{'tag':_0x1a748f(0x2f2),'attrs':{'fill':_0x1a748f(0x15c),'d':'M5.57564\x204.38825C5.80995\x204.62256\x206.18985\x204.62256\x206.42417\x204.38825L7.3999\x203.41251V9.63049C7.3999\x209.96186\x207.66853\x2010.2305\x207.9999\x2010.2305C8.33127\x2010.2305\x208.5999\x209.96186\x208.5999\x209.63049V3.41251L9.57564\x204.38825C9.80995\x204.62256\x2010.1899\x204.62256\x2010.4242\x204.38825C10.6585\x204.15393\x2010.6585\x203.77403\x2010.4242\x203.53972L8.4324\x201.54796C8.32324\x201.43445\x208.16982\x201.36382\x207.9999\x201.36382C7.82998\x201.36382\x207.67655\x201.43446\x207.56739\x201.54797L5.57564\x203.53972C5.34132\x203.77403\x205.34132\x204.15393\x205.57564\x204.38825Z'}}]},MoveUpSingle=React[_0x1a748f(0x25f)](function(_0x2a3e8b,_0x51cc9b){const _0x981a25=_0x1a748f;return React[_0x981a25(0x29b)](IconBase,Object['assign']({},_0x2a3e8b,{'id':'move-up-single','ref':_0x51cc9b,'icon':element$2}));});MoveUpSingle[_0x1a748f(0x2fa)]=_0x1a748f(0x1c6);var element$1={'tag':_0x1a748f(0x1f4),'attrs':{'fill':_0x1a748f(0x11d),'viewBox':_0x1a748f(0x299),'width':_0x1a748f(0x2bf),'height':_0x1a748f(0x2bf)},'children':[{'tag':_0x1a748f(0x2f2),'attrs':{'fill':'currentColor','d':_0x1a748f(0x2d8)}},{'tag':_0x1a748f(0x2f2),'attrs':{'fill':_0x1a748f(0x15c),'d':_0x1a748f(0x135),'fillRule':'evenodd','clipRule':'evenodd'}}]},TopmostSingle=React[_0x1a748f(0x25f)](function(_0xb898e9,_0x2b629c){const _0x39d7ee=_0x1a748f;return React[_0x39d7ee(0x29b)](IconBase,Object[_0x39d7ee(0x24e)]({},_0xb898e9,{'id':'topmost-single','ref':_0x2b629c,'icon':element$1}));});TopmostSingle[_0x1a748f(0x2fa)]=_0x1a748f(0x203);var element={'tag':_0x1a748f(0x1f4),'attrs':{'fill':_0x1a748f(0x11d),'viewBox':_0x1a748f(0x299),'width':_0x1a748f(0x2bf),'height':_0x1a748f(0x2bf)},'children':[{'tag':_0x1a748f(0x2f2),'attrs':{'fill':'currentColor','d':_0x1a748f(0x247)}},{'tag':_0x1a748f(0x2f2),'attrs':{'fill':_0x1a748f(0x15c),'d':_0x1a748f(0x2f5),'fillRule':'evenodd','clipRule':'evenodd'}}]},UngroupSingle=React[_0x1a748f(0x25f)](function(_0xecc39c,_0x367f03){const _0x3c3176=_0x1a748f;return React[_0x3c3176(0x29b)](IconBase,Object[_0x3c3176(0x24e)]({},_0xecc39c,{'id':_0x3c3176(0x1f6),'ref':_0x367f03,'icon':element}));});UngroupSingle['displayName']='UngroupSingle';const imageCommonPanel=_0x1a748f(0x2ad),imageCommonPanelGrid=_0x1a748f(0x26d),imageCommonPanelBorder=_0x1a748f(0x231),imageCommonPanelTitle=_0x1a748f(0x19a),imageCommonPanelSubtitle=_0x1a748f(0x1bc),imageCommonPanelRow=_0x1a748f(0x245),imageCommonPanelRowVertical='univer-image-common-panel-row-vertical',imageCommonPanelColumn='univer-image-common-panel-column',imageCommonPanelColumnCenter=_0x1a748f(0x286),imageCommonPanelInline='univer-image-common-panel-inline',imageCommonPanelSpan2=_0x1a748f(0x30c),imageCommonPanelSpan3=_0x1a748f(0x261),imageCommonPanelInput=_0x1a748f(0x19c),styles$1={'imageCommonPanel':imageCommonPanel,'imageCommonPanelGrid':imageCommonPanelGrid,'imageCommonPanelBorder':imageCommonPanelBorder,'imageCommonPanelTitle':imageCommonPanelTitle,'imageCommonPanelSubtitle':imageCommonPanelSubtitle,'imageCommonPanelRow':imageCommonPanelRow,'imageCommonPanelRowVertical':imageCommonPanelRowVertical,'imageCommonPanelColumn':imageCommonPanelColumn,'imageCommonPanelColumnCenter':imageCommonPanelColumnCenter,'imageCommonPanelInline':imageCommonPanelInline,'imageCommonPanelSpan2':imageCommonPanelSpan2,'imageCommonPanelSpan3':imageCommonPanelSpan3,'imageCommonPanelInput':imageCommonPanelInput},DrawingArrange=__name(_0x540276=>{const _0x5451c8=_0x1a748f,{arrangeShow:_0x1bb445,drawings:_0x5db0c9}=_0x540276,_0x49942b=core['useDependency'](core[_0x5451c8(0x136)]),_0x453da2=core[_0x5451c8(0x1bf)](drawing[_0x5451c8(0x156)]),_0x47230e=__name(_0x17539b=>_0x17539b?_0x5451c8(0x2dc):_0x5451c8(0x11d),_0x5451c8(0x24b)),[_0x1f3f52,_0x517193]=React[_0x5451c8(0x149)](_0x5db0c9);React[_0x5451c8(0x1fa)](()=>{const _0x2d75ba=_0x5451c8,_0x421c4b=_0x453da2[_0x2d75ba(0x148)][_0x2d75ba(0x2f8)](_0x41089d=>{_0x517193(_0x41089d);});return()=>{const _0x3c8c48=_0x2d75ba;_0x421c4b[_0x3c8c48(0x298)]();};},[]);const _0xc782a0=__name(_0x2d1c04=>{const _0x3df73f=_0x5451c8,_0x2d5a9e=_0x1f3f52[0x0][_0x3df73f(0x2ac)],_0x49ff36=_0x1f3f52[0x0][_0x3df73f(0x178)],_0x384da7=_0x1f3f52[_0x3df73f(0x30a)](_0x22bb7f=>_0x22bb7f['drawingId']);_0x453da2[_0x3df73f(0x208)]({'unitId':_0x2d5a9e,'subUnitId':_0x49ff36,'drawingIds':_0x384da7,'arrangeType':_0x2d1c04});},_0x5451c8(0x2b6));return React[_0x5451c8(0x29b)](_0x5451c8(0x301),{'className':styles$1[_0x5451c8(0x13f)],'style':{'display':_0x47230e(_0x1bb445)}},React[_0x5451c8(0x29b)]('div',{'className':styles$1['imageCommonPanelRow']},React[_0x5451c8(0x29b)](_0x5451c8(0x301),{'className':clsx(styles$1[_0x5451c8(0x262)],styles$1[_0x5451c8(0x176)])},React[_0x5451c8(0x29b)](_0x5451c8(0x301),null,_0x49942b['t'](_0x5451c8(0x115))))),React[_0x5451c8(0x29b)]('div',{'className':styles$1[_0x5451c8(0x24d)]},React[_0x5451c8(0x29b)](_0x5451c8(0x301),{'className':clsx(styles$1['imageCommonPanelColumn'],styles$1[_0x5451c8(0x1f1)])},React[_0x5451c8(0x29b)](design[_0x5451c8(0x293)],{'size':_0x5451c8(0x161),'onClick':__name(()=>{const _0x149e87=_0x5451c8;_0xc782a0(drawing[_0x149e87(0x217)][_0x149e87(0x2bd)]);},_0x5451c8(0x25d))},React[_0x5451c8(0x29b)]('span',{'className':styles$1[_0x5451c8(0x221)]},React[_0x5451c8(0x29b)](MoveUpSingle,null),_0x49942b['t']('image-panel.arrange.forward')))),React[_0x5451c8(0x29b)](_0x5451c8(0x301),{'className':clsx(styles$1['imageCommonPanelColumn'],styles$1[_0x5451c8(0x1f1)])},React[_0x5451c8(0x29b)](design[_0x5451c8(0x293)],{'size':'small','onClick':__name(()=>{const _0x50d594=_0x5451c8;_0xc782a0(drawing[_0x50d594(0x217)][_0x50d594(0x250)]);},_0x5451c8(0x25d))},React[_0x5451c8(0x29b)](_0x5451c8(0x131),{'className':styles$1[_0x5451c8(0x221)]},React[_0x5451c8(0x29b)](MoveDownSingle,null),_0x49942b['t'](_0x5451c8(0x2a7)))))),React[_0x5451c8(0x29b)](_0x5451c8(0x301),{'className':styles$1[_0x5451c8(0x24d)]},React[_0x5451c8(0x29b)](_0x5451c8(0x301),{'className':clsx(styles$1[_0x5451c8(0x262)],styles$1[_0x5451c8(0x1f1)])},React[_0x5451c8(0x29b)](design[_0x5451c8(0x293)],{'size':'small','onClick':__name(()=>{const _0x163c9b=_0x5451c8;_0xc782a0(drawing[_0x163c9b(0x217)]['front']);},'onClick')},React['createElement'](_0x5451c8(0x131),{'className':styles$1[_0x5451c8(0x221)]},React[_0x5451c8(0x29b)](TopmostSingle,null),_0x49942b['t'](_0x5451c8(0x242))))),React[_0x5451c8(0x29b)](_0x5451c8(0x301),{'className':clsx(styles$1[_0x5451c8(0x262)],styles$1['imageCommonPanelSpan2'])},React[_0x5451c8(0x29b)](design[_0x5451c8(0x293)],{'size':_0x5451c8(0x161),'onClick':__name(()=>{_0xc782a0(drawing['ArrangeTypeEnum']['back']);},_0x5451c8(0x25d))},React['createElement'](_0x5451c8(0x131),{'className':styles$1['imageCommonPanelInline']},React[_0x5451c8(0x29b)](BottomSingle,null),_0x49942b['t']('image-panel.arrange.back'))))));},_0x1a748f(0x26c)),MIN_DRAWING_WIDTH_LIMIT=0x14,MIN_DRAWING_HEIGHT_LIMIT=0x14,RANGE_DRAWING_ROTATION_LIMIT=[-0xe10,0xe10],INPUT_DEBOUNCE_TIME=0x12c,DrawingTransform=__name(_0x3f298b=>{const _0x271f84=_0x1a748f;var _0x5ef499;const _0x48ecc0=core['useDependency'](core[_0x271f84(0x136)]),_0x599bc7=core[_0x271f84(0x1bf)](drawing['IDrawingManagerService']),_0x33cacc=core['useDependency'](engineRender[_0x271f84(0x1e5)]),{drawings:_0x1992c7,transformShow:_0x6ace24}=_0x3f298b,_0x1f955a=_0x1992c7[0x0];if(_0x1f955a==null)return;const _0x5bb9f7=_0x1f955a['transform'];if(_0x5bb9f7==null)return;const {unitId:_0x337f9,subUnitId:_0x2ee483,drawingId:_0x592cf5,drawingType:_0xa77bf1}=_0x1f955a,_0x35cd8a=_0x33cacc[_0x271f84(0x1db)](_0x337f9),_0x409001=_0x35cd8a==null?void 0x0:_0x35cd8a[_0x271f84(0x144)];if(_0x409001==null)return;const _0x10f483=(_0x5ef499=_0x409001[_0x271f84(0x175)]())==null?void 0x0:_0x5ef499[_0x271f84(0x12e)];if(_0x10f483==null)return;const _0x307fba=_0x409001[_0x271f84(0x145)](),{width:_0x283dd9=0x0,height:_0x33cac8=0x0,left:_0x326ac8=0x0,top:_0x338eef=0x0,angle:_0x2622e3=0x0}=_0x5bb9f7,[_0x1d945a,_0x57c56c]=React[_0x271f84(0x149)](_0x283dd9),[_0x133b76,_0x10870d]=React[_0x271f84(0x149)](_0x33cac8),[_0x3ee48b,_0x54b742]=React['useState'](_0x326ac8),[_0x377f12,_0x2d8112]=React['useState'](_0x338eef),[_0x411a62,_0x47bc72]=React['useState'](_0x2622e3),[_0x4928d6,_0x400c44]=React[_0x271f84(0x149)](_0x307fba[_0x271f84(0x210)]),_0x36976a=__name((_0x99fb9d,_0x3d6c72,_0x50685a,_0x5f51c2)=>{const {width:_0x2c1f11,height:_0x4602ff}=_0x10f483,{ancestorLeft:_0x14c4ae,ancestorTop:_0x170988}=_0x409001;let _0x3244eb=_0x99fb9d,_0x2b36f4=_0x3d6c72,_0x16fda9=_0x50685a,_0x2fe593=_0x5f51c2;return _0x99fb9d+_0x14c4ae<0x0&&(_0x3244eb=-_0x14c4ae),_0x3d6c72+_0x170988<0x0&&(_0x2b36f4=-_0x170988),_0x16fda9=_0x2c1f11-_0x3244eb-_0x14c4ae,_0x16fda9<MIN_DRAWING_WIDTH_LIMIT&&(_0x16fda9=MIN_DRAWING_WIDTH_LIMIT),_0x2fe593=_0x4602ff-_0x2b36f4-_0x170988,_0x2fe593<MIN_DRAWING_WIDTH_LIMIT&&(_0x2fe593=MIN_DRAWING_WIDTH_LIMIT),_0x99fb9d+_0x16fda9+_0x14c4ae>_0x2c1f11&&(_0x3244eb=_0x2c1f11-_0x50685a-_0x14c4ae),_0x3d6c72+_0x2fe593+_0x170988>_0x4602ff&&(_0x2b36f4=_0x4602ff-_0x5f51c2-_0x170988),{'limitLeft':_0x3244eb,'limitTop':_0x2b36f4,'limitWidth':_0x16fda9,'limitHeight':_0x2fe593};},_0x271f84(0x272)),_0x4d1a80=__name(_0x503eef=>{const _0x28ddbf=_0x271f84,{objects:_0x5a115f}=_0x503eef,_0x1a63f7=getUpdateParams(_0x5a115f,_0x599bc7);if(_0x1a63f7[_0x28ddbf(0x120)]!==0x1)return;const _0x43bd65=_0x1a63f7[0x0];if(_0x43bd65==null)return;const {transform:_0x296208}=_0x43bd65;if(_0x296208==null)return;const {width:_0x346a4d,height:_0x3123a6,left:_0xea2185,top:_0x368c99,angle:_0x4e3ac}=_0x296208;_0x346a4d!=null&&_0x57c56c(_0x346a4d),_0x3123a6!=null&&_0x10870d(_0x3123a6),_0xea2185!=null&&_0x54b742(_0xea2185),_0x368c99!=null&&_0x2d8112(_0x368c99),_0x4e3ac!=null&&_0x47bc72(_0x4e3ac);},_0x271f84(0x198));React[_0x271f84(0x1fa)](()=>{const _0xa0fd4=_0x271f84,_0x4f04f5=[_0x307fba['changeStart$'][_0xa0fd4(0x2f8)](_0x559e08=>{_0x4d1a80(_0x559e08);}),_0x307fba[_0xa0fd4(0x133)][_0xa0fd4(0x2f8)](_0x5e686c=>{_0x4d1a80(_0x5e686c);}),_0x307fba[_0xa0fd4(0x28b)]['subscribe'](_0x3ee9a3=>{_0x4d1a80(_0x3ee9a3);}),_0x599bc7[_0xa0fd4(0x148)][_0xa0fd4(0x2f8)](_0x571f82=>{const _0x5d69f6=_0xa0fd4;if(_0x571f82[_0x5d69f6(0x120)]!==0x1)return;const _0xc29c70=_0x599bc7[_0x5d69f6(0x163)](_0x571f82[0x0]);if(_0xc29c70==null)return;const _0x3e6f83=_0xc29c70[_0x5d69f6(0x174)];if(_0x3e6f83==null)return;const {width:_0x4ed64b,height:_0x6f9a4e,left:_0x4e1b4d,top:_0x5b2bd6,angle:_0x53c9d7}=_0x3e6f83;_0x4ed64b!=null&&_0x57c56c(_0x4ed64b),_0x6f9a4e!=null&&_0x10870d(_0x6f9a4e),_0x4e1b4d!=null&&_0x54b742(_0x4e1b4d),_0x5b2bd6!=null&&_0x2d8112(_0x5b2bd6),_0x53c9d7!=null&&_0x47bc72(_0x53c9d7);})];return()=>{const _0xa59e7d=_0xa0fd4;_0x4f04f5[_0xa59e7d(0x2d7)](_0x61464=>_0x61464['unsubscribe']());};},[]);const _0x2607ee=core[_0x271f84(0x167)](_0x741ac3=>{const _0x24d714=_0x271f84;if(_0x741ac3==null)return;_0x741ac3=Math['max'](_0x741ac3,MIN_DRAWING_WIDTH_LIMIT);const {limitWidth:_0x43107f,limitHeight:_0x2d0881}=_0x36976a(_0x3ee48b,_0x377f12,_0x741ac3,_0x133b76);_0x741ac3=Math[_0x24d714(0x1c2)](_0x741ac3,_0x43107f);const _0x59a056={'unitId':_0x337f9,'subUnitId':_0x2ee483,'drawingId':_0x592cf5,'drawingType':_0xa77bf1,'transform':{'width':_0x741ac3}};if(_0x4928d6){let _0x3c2ee8=_0x741ac3/_0x1d945a_0x133b76;if(_0x3c2ee8=Math[_0x24d714(0x1d4)](_0x3c2ee8,MIN_DRAWING_HEIGHT_LIMIT),_0x3c2ee8>_0x2d0881)return;_0x10870d(_0x3c2ee8),_0x59a056[_0x24d714(0x174)][_0x24d714(0x11f)]=_0x3c2ee8;}_0x57c56c(_0x741ac3),_0x599bc7['featurePluginUpdateNotification']([_0x59a056]),_0x307fba[_0x24d714(0x313)]()['changeNotification']();},INPUT_DEBOUNCE_TIME),_0x273c9c=core['debounce'](_0x1395e9=>{const _0x417b94=_0x271f84;if(_0x1395e9==null)return;_0x1395e9=Math[_0x417b94(0x1d4)](_0x1395e9,MIN_DRAWING_WIDTH_LIMIT);const {limitHeight:_0x44e096,limitWidth:_0x1e8ad6}=_0x36976a(_0x3ee48b,_0x377f12,_0x1d945a,_0x1395e9);_0x1395e9=Math[_0x417b94(0x1c2)](_0x1395e9,_0x44e096);const _0x20b86d={'unitId':_0x337f9,'subUnitId':_0x2ee483,'drawingId':_0x592cf5,'drawingType':_0xa77bf1,'transform':{'height':_0x1395e9}};if(_0x4928d6){let _0x39158a=_0x1395e9/_0x133b76_0x1d945a;if(_0x39158a=Math[_0x417b94(0x1d4)](_0x39158a,MIN_DRAWING_WIDTH_LIMIT),_0x39158a>_0x1e8ad6)return;_0x57c56c(_0x39158a),_0x20b86d[_0x417b94(0x174)]['width']=_0x39158a;}_0x10870d(_0x1395e9),_0x599bc7['featurePluginUpdateNotification']([_0x20b86d]),_0x307fba[_0x417b94(0x313)]()[_0x417b94(0x27e)]();},INPUT_DEBOUNCE_TIME),_0x1c632f=core[_0x271f84(0x167)](_0x56cb58=>{const _0x33a44b=_0x271f84;if(_0x56cb58==null)return;const {limitLeft:_0x2e30f4}=_0x36976a(_0x56cb58,_0x377f12,_0x1d945a,_0x133b76);_0x56cb58=_0x2e30f4;const _0x1605d3={'unitId':_0x337f9,'subUnitId':_0x2ee483,'drawingId':_0x592cf5,'drawingType':_0xa77bf1,'transform':{'left':_0x56cb58}};_0x54b742(_0x56cb58),_0x599bc7[_0x33a44b(0x225)]([_0x1605d3]),_0x307fba[_0x33a44b(0x313)]()[_0x33a44b(0x27e)]();},INPUT_DEBOUNCE_TIME),_0x2c2ed8=core['debounce'](_0x5d3f57=>{const _0x14ac9b=_0x271f84;if(_0x5d3f57==null)return;const {limitTop:_0x280f76}=_0x36976a(_0x3ee48b,_0x5d3f57,_0x1d945a,_0x133b76);_0x5d3f57=_0x280f76;const _0x2223e9={'unitId':_0x337f9,'subUnitId':_0x2ee483,'drawingId':_0x592cf5,'drawingType':_0xa77bf1,'transform':{'top':_0x5d3f57}};_0x2d8112(_0x5d3f57),_0x599bc7[_0x14ac9b(0x225)]([_0x2223e9]),_0x307fba[_0x14ac9b(0x313)]()[_0x14ac9b(0x27e)]();},INPUT_DEBOUNCE_TIME),_0x2c8541=__name(_0x4de0c4=>{const _0x14fa25=_0x271f84;if(_0x4de0c4==null)return;const [_0x3c550b,_0x5a7426]=RANGE_DRAWING_ROTATION_LIMIT;_0x4de0c4<_0x3c550b&&(_0x4de0c4=_0x3c550b),_0x4de0c4>_0x5a7426&&(_0x4de0c4=_0x5a7426);const _0x4a023d={'unitId':_0x337f9,'subUnitId':_0x2ee483,'drawingId':_0x592cf5,'drawingType':_0xa77bf1,'transform':{'angle':_0x4de0c4}};_0x47bc72(_0x4de0c4),_0x599bc7[_0x14fa25(0x225)]([_0x4a023d]),_0x307fba[_0x14fa25(0x313)]()[_0x14fa25(0x27e)]();},_0x271f84(0x185)),_0x4faa48=__name(_0x216f76=>{const _0x5b3482=_0x271f84;_0x400c44(_0x216f76),_0x307fba[_0x5b3482(0x210)]=_0x216f76;},_0x271f84(0x142)),_0x50ed02=__name(_0x43facd=>_0x43facd?'block':'none',_0x271f84(0x24b));return React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':clsx(styles$1[_0x271f84(0x13f)],styles$1['imageCommonPanelBorder']),'style':{'display':_0x50ed02(_0x6ace24)}},React['createElement'](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':clsx(styles$1[_0x271f84(0x262)],styles$1[_0x271f84(0x176)])},React['createElement']('div',null,_0x48ecc0['t'](_0x271f84(0x1f0))))),React[_0x271f84(0x29b)]('div',{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':clsx(styles$1[_0x271f84(0x262)],styles$1[_0x271f84(0x2ed)])},React[_0x271f84(0x29b)](_0x271f84(0x2d5),null,React['createElement'](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x262)]},_0x48ecc0['t']('image-panel.transform.width'))),React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x262)]},React[_0x271f84(0x29b)](design[_0x271f84(0x251)],{'precision':0x1,'value':_0x1d945a,'onChange':__name(_0x1e18ef=>{_0x2607ee(_0x1e18ef);},_0x271f84(0x121)),'className':styles$1[_0x271f84(0x2ba)]}))))),React['createElement'](_0x271f84(0x301),{'className':clsx(styles$1['imageCommonPanelColumn'],styles$1[_0x271f84(0x2ed)])},React[_0x271f84(0x29b)](_0x271f84(0x2d5),null,React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x262)]},_0x48ecc0['t']('image-panel.transform.height'))),React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)]('div',{'className':styles$1[_0x271f84(0x262)]},React[_0x271f84(0x29b)](design[_0x271f84(0x251)],{'precision':0x1,'value':_0x133b76,'onChange':__name(_0x2d0e0f=>{_0x273c9c(_0x2d0e0f);},'onChange'),'className':styles$1[_0x271f84(0x2ba)]}))))),React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':clsx(styles$1['imageCommonPanelColumn'],styles$1[_0x271f84(0x2ed)])},React['createElement'](_0x271f84(0x2d5),null,React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1['imageCommonPanelRow']},React[_0x271f84(0x29b)]('div',{'className':styles$1['imageCommonPanelColumn']},_0x48ecc0['t'](_0x271f84(0x2a8)))),React[_0x271f84(0x29b)]('div',{'className':clsx(styles$1[_0x271f84(0x24d)],styles$1[_0x271f84(0x2d6)])},React['createElement'](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x262)]},React[_0x271f84(0x29b)](design[_0x271f84(0x1c9)],{'checked':_0x4928d6,'onChange':_0x4faa48})))))),React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1['imageCommonPanelRow']},React[_0x271f84(0x29b)]('div',{'className':clsx(styles$1[_0x271f84(0x262)],styles$1[_0x271f84(0x2ed)])},React[_0x271f84(0x29b)](_0x271f84(0x2d5),null,React['createElement'](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1['imageCommonPanelColumn']},_0x48ecc0['t'](_0x271f84(0x124)))),React[_0x271f84(0x29b)]('div',{'className':styles$1['imageCommonPanelRow']},React[_0x271f84(0x29b)]('div',{'className':styles$1[_0x271f84(0x262)]},React[_0x271f84(0x29b)](design['InputNumber'],{'precision':0x1,'value':_0x3ee48b,'onChange':__name(_0x25c9c3=>{_0x1c632f(_0x25c9c3);},_0x271f84(0x121)),'className':styles$1['imageCommonPanelInput']}))))),React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':clsx(styles$1[_0x271f84(0x262)],styles$1['imageCommonPanelSpan3'])},React[_0x271f84(0x29b)](_0x271f84(0x2d5),null,React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x262)]},_0x48ecc0['t'](_0x271f84(0x1fe)))),React[_0x271f84(0x29b)]('div',{'className':styles$1['imageCommonPanelRow']},React['createElement'](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x262)]},React['createElement'](design[_0x271f84(0x251)],{'precision':0x1,'value':_0x377f12,'onChange':__name(_0x191dc7=>{_0x2c2ed8(_0x191dc7);},_0x271f84(0x121)),'className':styles$1['imageCommonPanelInput']}))))),React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':clsx(styles$1[_0x271f84(0x262)],styles$1[_0x271f84(0x2ed)])},React[_0x271f84(0x29b)](_0x271f84(0x2d5),null,React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x262)]},_0x48ecc0['t'](_0x271f84(0x1b9)))),React[_0x271f84(0x29b)](_0x271f84(0x301),{'className':styles$1[_0x271f84(0x24d)]},React[_0x271f84(0x29b)]('div',{'className':styles$1[_0x271f84(0x262)]},React['createElement'](design[_0x271f84(0x251)],{'precision':0x1,'value':_0x411a62,'onChange':_0x2c8541,'className':styles$1['imageCommonPanelInput']})))))));},_0x1a748f(0x27f));var AlignType=(_0x3844e3=>(_0x3844e3[_0x1a748f(0x147)]='0',_0x3844e3[_0x1a748f(0x1a5)]='1',_0x3844e3['center']='2',_0x3844e3[_0x1a748f(0x15e)]='3',_0x3844e3['top']='4',_0x3844e3[_0x1a748f(0x238)]='5',_0x3844e3[_0x1a748f(0x259)]='6',_0x3844e3[_0x1a748f(0x197)]='7',_0x3844e3[_0x1a748f(0x25b)]='8',_0x3844e3))(AlignType\|\|{});const SetDrawingAlignOperation={'id':_0x1a748f(0x2d3),'type':core['CommandType'][_0x1a748f(0x1b4)],'handler':__name((_0x4bce2c,_0x485f41)=>!0x0,_0x1a748f(0x24c))},DrawingAlign=__name(_0x12168b=>{const _0x338e26=_0x1a748f,_0x4bb5f3=core[_0x338e26(0x1bf)](core[_0x338e26(0x1e4)]),_0x376379=core[_0x338e26(0x1bf)](core[_0x338e26(0x136)]),{alignShow:_0xbb7eda}=_0x12168b,[_0x37b4cf,_0xfdb412]=React[_0x338e26(0x149)](AlignType[_0x338e26(0x147)]),_0x422ef9=[{'label':_0x376379['t'](_0x338e26(0x213)),'value':AlignType[_0x338e26(0x147)]},{'options':[{'label':_0x376379['t'](_0x338e26(0x222)),'value':AlignType[_0x338e26(0x1a5)]},{'label':_0x376379['t'](_0x338e26(0x146)),'value':AlignType['center']},{'label':_0x376379['t'](_0x338e26(0x2e1)),'value':AlignType[_0x338e26(0x15e)]}]},{'options':[{'label':_0x376379['t'](_0x338e26(0x14c)),'value':AlignType[_0x338e26(0x1cb)]},{'label':_0x376379['t'](_0x338e26(0x2a3)),'value':AlignType[_0x338e26(0x238)]},{'label':_0x376379['t'](_0x338e26(0x27b)),'value':AlignType['bottom']}]},{'options':[{'label':_0x376379['t'](_0x338e26(0x275)),'value':AlignType[_0x338e26(0x197)]},{'label':_0x376379['t']('image-panel.align.vertical'),'value':AlignType[_0x338e26(0x25b)]}]}];function _0x4e7114(_0x2eaa24){const _0x1177d7=_0x338e26;_0xfdb412(_0x2eaa24),_0x4bb5f3[_0x1177d7(0x13c)](SetDrawingAlignOperation['id'],{'alignType':_0x2eaa24});}__name(_0x4e7114,_0x338e26(0x260));const _0x3969ff=__name(_0x265575=>_0x265575?'block':_0x338e26(0x11d),_0x338e26(0x24b));return React['createElement'](_0x338e26(0x301),{'className':clsx(styles$1[_0x338e26(0x13f)],styles$1[_0x338e26(0x23f)]),'style':{'display':_0x3969ff(_0xbb7eda)}},React[_0x338e26(0x29b)](_0x338e26(0x301),{'className':styles$1['imageCommonPanelRow']},React[_0x338e26(0x29b)](_0x338e26(0x301),{'className':clsx(styles$1[_0x338e26(0x262)],styles$1[_0x338e26(0x176)])},React[_0x338e26(0x29b)](_0x338e26(0x301),null,_0x376379['t']('image-panel.align.title')))),React[_0x338e26(0x29b)](_0x338e26(0x301),{'className':styles$1['imageCommonPanelRow']},React[_0x338e26(0x29b)]('div',{'className':clsx(styles$1['imageCommonPanelColumn'])},React['createElement'](design['Select'],{'value':_0x37b4cf,'options':_0x422ef9,'onChange':_0x4e7114}))));},_0x1a748f(0x2aa)),OpenImageCropOperation={'id':_0x1a748f(0x12a),'type':core[_0x1a748f(0x162)][_0x1a748f(0x1b4)],'handler':__name((_0x31a3f3,_0x250fc8)=>!0x0,_0x1a748f(0x24c))},CloseImageCropOperation={'id':_0x1a748f(0x289),'type':core[_0x1a748f(0x162)]['OPERATION'],'handler':__name((_0x36017c,_0x214707)=>!0x0,_0x1a748f(0x24c))};var CropType=(_0x376735=>(_0x376735[_0x1a748f(0x20a)]='0',_0x376735[_0x1a748f(0x16f)]='1',_0x376735[_0x1a748f(0x2b1)]='2',_0x376735[_0x1a748f(0x2b2)]='3',_0x376735[_0x1a748f(0x1da)]='4',_0x376735[_0x1a748f(0x199)]='5',_0x376735[_0x1a748f(0x12b)]='6',_0x376735[_0x1a748f(0x220)]='7',_0x376735[_0x1a748f(0x290)]='8',_0x376735[_0x1a748f(0x1d8)]='9',_0x376735))(CropType\|\|{});const AutoImageCropOperation={'id':'sheet.operation.Auto-image-crop','type':core[_0x1a748f(0x162)][_0x1a748f(0x1b4)],'handler':__name((_0x4a2802,_0x2dee46)=>!0x0,'handler')},ImageCropper=__name(_0x21becf=>{const _0x1db77e=_0x1a748f,_0x14e307=core[_0x1db77e(0x1bf)](core[_0x1db77e(0x1e4)]),_0x11ade=core[_0x1db77e(0x1bf)](core[_0x1db77e(0x136)]),{drawings:_0x365018,cropperShow:_0x23c439}=_0x21becf;if(_0x365018[0x0]==null)return;const [_0x347220,_0x3eeecb]=React[_0x1db77e(0x149)](CropType[_0x1db77e(0x20a)]),_0x1b76e6=React[_0x1db77e(0x1b6)](!0x1),_0x98700d=[{'label':_0x11ade['t'](_0x1db77e(0x2d4)),'value':CropType[_0x1db77e(0x20a)]},{'label':_0x1db77e(0x20f),'value':CropType[_0x1db77e(0x16f)]},{'label':_0x1db77e(0x11e),'value':CropType['R16_9']},{'label':_0x1db77e(0x2e0),'value':CropType[_0x1db77e(0x2b2)]},{'label':_0x1db77e(0x11a),'value':CropType[_0x1db77e(0x1da)]},{'label':'4:5','value':CropType['R4_5']},{'label':'4:3','value':CropType[_0x1db77e(0x12b)]},{'label':_0x1db77e(0x14b),'value':CropType[_0x1db77e(0x220)]},{'label':_0x1db77e(0x1de),'value':CropType[_0x1db77e(0x290)]},{'label':_0x1db77e(0x128),'value':CropType[_0x1db77e(0x1d8)]}];React[_0x1db77e(0x1fa)](()=>{const _0x345469=_0x1db77e,_0x20cbae=_0x14e307[_0x345469(0x2ab)](_0x4e659e=>{const _0x3f1578=_0x345469;if(_0x4e659e['id']===CloseImageCropOperation['id']){const _0x49b42b=_0x4e659e['params'];_0x49b42b!=null&&_0x49b42b[_0x3f1578(0x207)]\|\|(_0x1b76e6['current']=!0x1);}});return()=>{const _0x25fb62=_0x345469;_0x20cbae==null\|\|_0x20cbae[_0x25fb62(0x20e)]();};},[]);function _0x540ed7(_0x1c64f2){const _0xf77519=_0x1db77e;_0x3eeecb(_0x1c64f2),_0x1b76e6['current']&&_0x14e307[_0xf77519(0x13c)](AutoImageCropOperation['id'],{'cropType':_0x1c64f2});}__name(_0x540ed7,_0x1db77e(0x2eb));const _0x16c3b6=__name(_0x2660a8=>_0x2660a8?_0x1db77e(0x2dc):_0x1db77e(0x11d),_0x1db77e(0x24b)),_0xb04c2b=__name(_0x46e95c=>{const _0x4899a7=_0x1db77e;_0x14e307[_0x4899a7(0x13c)](AutoImageCropOperation['id'],{'cropType':_0x46e95c}),_0x1b76e6[_0x4899a7(0x265)]=!0x0;},_0x1db77e(0x212));return React[_0x1db77e(0x29b)](_0x1db77e(0x301),{'className':clsx(styles$1[_0x1db77e(0x13f)],styles$1[_0x1db77e(0x23f)]),'style':{'display':_0x16c3b6(_0x23c439)}},React['createElement'](_0x1db77e(0x301),{'className':styles$1['imageCommonPanelRow']},React[_0x1db77e(0x29b)]('div',{'className':clsx(styles$1[_0x1db77e(0x262)],styles$1['imageCommonPanelTitle'])},React[_0x1db77e(0x29b)](_0x1db77e(0x301),null,_0x11ade['t'](_0x1db77e(0x2af))))),React['createElement'](_0x1db77e(0x301),{'className':clsx(styles$1[_0x1db77e(0x24d)],styles$1[_0x1db77e(0x2d6)])},React[_0x1db77e(0x29b)](_0x1db77e(0x301),{'className':clsx(styles$1[_0x1db77e(0x262)],styles$1[_0x1db77e(0x1f1)])},React['createElement'](design['Button'],{'size':_0x1db77e(0x161),'onClick':__name(()=>{_0xb04c2b(_0x347220);},_0x1db77e(0x25d))},React[_0x1db77e(0x29b)](_0x1db77e(0x131),{'className':styles$1[_0x1db77e(0x221)]},React[_0x1db77e(0x29b)](CreateCopySingle,null),_0x11ade['t'](_0x1db77e(0x1af))))),React[_0x1db77e(0x29b)](_0x1db77e(0x301),{'className':clsx(styles$1['imageCommonPanelColumn'],styles$1[_0x1db77e(0x1f1)])},React['createElement'](design[_0x1db77e(0x2e9)],{'value':_0x347220,'options':_0x98700d,'onChange':_0x540ed7}))));},_0x1a748f(0x240)),DrawingGroup=__name(_0x1a8de8=>{const _0x2e17f8=_0x1a748f,_0x4c46cd=core[_0x2e17f8(0x1bf)](core[_0x2e17f8(0x136)]),_0x4ebe22=core[_0x2e17f8(0x1bf)](engineRender[_0x2e17f8(0x1e5)]),_0x478819=core[_0x2e17f8(0x1bf)](drawing[_0x2e17f8(0x156)]),{hasGroup:_0x553a60,drawings:_0x327d68}=_0x1a8de8,[_0x223440,_0x45c869]=React[_0x2e17f8(0x149)](!0x1),[_0x4bb1ef,_0x1d00cc]=React[_0x2e17f8(0x149)](!0x0),[_0x1bd490,_0x5946a7]=React[_0x2e17f8(0x149)](!0x0),_0x498460=__name(_0x40f085=>_0x40f085?_0x2e17f8(0x2dc):'none','gridDisplay'),_0x32f22d=__name(()=>{const _0x3ec5f2=_0x2e17f8,_0x2d4e09=_0x478819[_0x3ec5f2(0x30e)](),{unitId:_0x1f2eb4,subUnitId:_0x3d55e7}=_0x2d4e09[0x0],_0x4cc7ab=core['Tools'][_0x3ec5f2(0x168)](0xa),_0x271ede=engineRender['getGroupState'](0x0,0x0,_0x2d4e09[_0x3ec5f2(0x30a)](_0x33d234=>_0x33d234[_0x3ec5f2(0x174)]\|\|{})),_0x2362c7={'unitId':_0x1f2eb4,'subUnitId':_0x3d55e7,'drawingId':_0x4cc7ab,'drawingType':drawing[_0x3ec5f2(0x263)][_0x3ec5f2(0x2bc)],'transform':_0x271ede},_0x4f6849=_0x2d4e09[_0x3ec5f2(0x30a)](_0x2f4a32=>{const _0x1587e1=_0x3ec5f2,_0x569adc=_0x2f4a32['transform']\|\|{'left':0x0,'top':0x0},{unitId:_0x2f7042,subUnitId:_0x5b7db1,drawingId:_0xb910fe}=_0x2f4a32;return{'unitId':_0x2f7042,'subUnitId':_0x5b7db1,'drawingId':_0xb910fe,'transform':{..._0x569adc,'left':_0x569adc['left']-_0x271ede[_0x1587e1(0x1a5)],'top':_0x569adc[_0x1587e1(0x1cb)]-_0x271ede['top']},'groupId':_0x4cc7ab};});_0x478819['featurePluginGroupUpdateNotification']([{'parent':_0x2362c7,'children':_0x4f6849}]);},'onGroupBtnClick'),_0x13bc0b=__name(_0x4dc0b4=>{const _0xc0e7ae=_0x2e17f8;if(_0x4dc0b4[_0xc0e7ae(0x22c)]!==drawing[_0xc0e7ae(0x263)][_0xc0e7ae(0x2bc)])return;const {unitId:_0x3a0acd,subUnitId:_0x3404ce,drawingId:_0x10754a,transform:_0x64e2ee={'width':0x0,'height':0x0}}=_0x4dc0b4;if(_0x64e2ee==null)return;const _0x5b4171=_0x478819[_0xc0e7ae(0x2b5)]({'unitId':_0x3a0acd,'subUnitId':_0x3404ce,'drawingId':_0x10754a});if(_0x5b4171[_0xc0e7ae(0x120)]===0x0)return;const _0x2ff6c4=_0x5b4171[_0xc0e7ae(0x30a)](_0x3a8591=>{const _0x29bbe7=_0xc0e7ae,{transform:_0x3dcda9}=_0x3a8591,{unitId:_0x30fba4,subUnitId:_0x4de023,drawingId:_0x40228d}=_0x3a8591,_0x4b601c=engineRender[_0x29bbe7(0x1c5)](_0x3dcda9\|\|{},_0x64e2ee,_0x64e2ee[_0x29bbe7(0x164)]\|\|0x0,_0x64e2ee[_0x29bbe7(0x11f)]\|\|0x0);return{'unitId':_0x30fba4,'subUnitId':_0x4de023,'drawingId':_0x40228d,'transform':{..._0x3dcda9,..._0x4b601c},'groupId':void 0x0};});return{'parent':_0x4dc0b4,'children':_0x2ff6c4};},'ungroup'),_0x388ad4=__name(()=>{const _0x3ec221=_0x2e17f8,_0x3f4727=_0x478819[_0x3ec221(0x30e)]()['map'](_0x597ff3=>_0x13bc0b(_0x597ff3))[_0x3ec221(0x229)](_0x1c4ae5=>_0x1c4ae5!=null);_0x3f4727[_0x3ec221(0x120)]!==0x0&&_0x478819[_0x3ec221(0x219)](_0x3f4727);},_0x2e17f8(0x19e));return React[_0x2e17f8(0x1fa)](()=>{const _0x3bfa56=_0x2e17f8,_0x3aa633=_0x327d68[0x0];if(_0x3aa633==null)return;const {unitId:_0x80e750}=_0x3aa633,_0x10cf55=_0x4ebe22[_0x3bfa56(0x1db)](_0x80e750),_0x513a31=_0x10cf55==null?void 0x0:_0x10cf55['scene'];if(_0x513a31==null)return;const _0x18994c=_0x513a31['getTransformerByCreate'](),_0x2b4ac2=_0x18994c['clearControl$'][_0x3bfa56(0x2f8)](_0x2355d3=>{_0x2355d3===!0x0&&_0x45c869(!0x1);}),_0x23e4fe=_0x18994c[_0x3bfa56(0x1c0)]['subscribe'](_0x1ea8dc=>{const _0x13ff77=_0x3bfa56,{objects:_0xd411c}=_0x1ea8dc,_0x332b88=getUpdateParams(_0xd411c,_0x478819),_0x10d723=_0x332b88[_0x13ff77(0x229)](_0xcd1532=>(_0xcd1532==null?void 0x0:_0xcd1532['drawingType'])===drawing[_0x13ff77(0x263)][_0x13ff77(0x2bc)]);let _0x19ca57=!0x1,_0x1655bf=!0x1;_0x332b88['length']>0x1&&(_0x19ca57=!0x0),_0x10d723[_0x13ff77(0x120)]>0x0&&(_0x1655bf=!0x0),_0x45c869(_0x19ca57\|\|_0x1655bf),_0x1d00cc(_0x19ca57),_0x5946a7(_0x1655bf);});return()=>{const _0x3f6d36=_0x3bfa56;_0x23e4fe[_0x3f6d36(0x298)](),_0x2b4ac2[_0x3f6d36(0x298)]();};},[]),React[_0x2e17f8(0x29b)](_0x2e17f8(0x301),{'className':clsx(styles$1['imageCommonPanelGrid'],styles$1[_0x2e17f8(0x23f)]),'style':{'display':_0x498460(_0x553a60===!0x0?_0x223440:!0x1)}},React[_0x2e17f8(0x29b)](_0x2e17f8(0x301),{'className':styles$1[_0x2e17f8(0x24d)]},React[_0x2e17f8(0x29b)](_0x2e17f8(0x301),{'className':clsx(styles$1[_0x2e17f8(0x262)],styles$1['imageCommonPanelTitle'])},React[_0x2e17f8(0x29b)](_0x2e17f8(0x301),null,_0x4c46cd['t'](_0x2e17f8(0x132))))),React[_0x2e17f8(0x29b)](_0x2e17f8(0x301),{'className':styles$1[_0x2e17f8(0x24d)]},React[_0x2e17f8(0x29b)]('div',{'className':clsx(styles$1['imageCommonPanelColumn'],styles$1[_0x2e17f8(0x1f1)],styles$1[_0x2e17f8(0x22a)])},React['createElement'](design[_0x2e17f8(0x293)],{'size':_0x2e17f8(0x161),'onClick':__name(()=>{_0x32f22d();},_0x2e17f8(0x25d)),'style':{'display':_0x498460(_0x4bb1ef)}},React[_0x2e17f8(0x29b)](_0x2e17f8(0x131),{'className':styles$1[_0x2e17f8(0x221)]},React[_0x2e17f8(0x29b)](GroupSingle,null),_0x4c46cd['t'](_0x2e17f8(0x2f4))))),React['createElement'](_0x2e17f8(0x301),{'className':clsx(styles$1['imageCommonPanelColumn'],styles$1['imageCommonPanelSpan2'],styles$1[_0x2e17f8(0x22a)])},React[_0x2e17f8(0x29b)](design[_0x2e17f8(0x293)],{'size':_0x2e17f8(0x161),'onClick':__name(()=>{_0x388ad4();},_0x2e17f8(0x25d)),'style':{'display':_0x498460(_0x1bd490)}},React[_0x2e17f8(0x29b)](_0x2e17f8(0x131),{'className':styles$1[_0x2e17f8(0x221)]},React[_0x2e17f8(0x29b)](UngroupSingle,null),_0x4c46cd['t'](_0x2e17f8(0x27a)))))));},_0x1a748f(0x273)),DrawingCommonPanel=__name(_0x3de9f2=>{const _0x3a0d75=_0x1a748f,_0x16a891=core['useDependency'](drawing[_0x3a0d75(0x156)]),_0x51159b=core['useDependency'](engineRender[_0x3a0d75(0x1e5)]),_0xeeaba7=core[_0x3a0d75(0x1bf)](core[_0x3a0d75(0x136)]),{drawings:_0xed10c1,hasArrange:hasArrange=!0x0,hasTransform:hasTransform=!0x0,hasAlign:hasAlign=!0x0,hasCropper:hasCropper=!0x0,hasGroup:hasGroup=!0x0}=_0x3de9f2,_0x5382d3=_0xed10c1[0x0];if(_0x5382d3==null)return;const {unitId:_0x2bb25c}=_0x5382d3,_0x5cfc0d=_0x51159b[_0x3a0d75(0x1db)](_0x2bb25c),_0x5855ea=_0x5cfc0d==null?void 0x0:_0x5cfc0d[_0x3a0d75(0x144)];if(_0x5855ea==null)return;const _0x25d1ee=_0x5855ea[_0x3a0d75(0x145)](),[_0x3c5cc6,_0x4d4a3d]=React[_0x3a0d75(0x149)](!0x0),[_0x48aefa,_0x635bd8]=React['useState'](!0x0),[_0x118511,_0xa196b3]=React[_0x3a0d75(0x149)](!0x1),[_0x3307d1,_0x51bbe1]=React['useState'](!0x0),[_0x1464d7,_0x5676da]=React[_0x3a0d75(0x149)](!0x1);return React[_0x3a0d75(0x1fa)](()=>{const _0x3d7492=_0x3a0d75,_0x17f7a3=_0x25d1ee[_0x3d7492(0x2ea)][_0x3d7492(0x2f8)](_0x478f05=>{_0x478f05===!0x0&&(_0x4d4a3d(!0x1),_0x635bd8(!0x1),_0xa196b3(!0x1),_0x51bbe1(!0x1),_0x5676da(!0x0));}),_0x37e26e=_0x25d1ee['changeStart$'][_0x3d7492(0x2f8)](_0x5b9387=>{const _0x4dc01b=_0x3d7492,{objects:_0x3ad9e3}=_0x5b9387,_0x1038f5=getUpdateParams(_0x3ad9e3,_0x16a891);_0x1038f5[_0x4dc01b(0x120)]===0x0?(_0x4d4a3d(!0x1),_0x635bd8(!0x1),_0xa196b3(!0x1),_0x51bbe1(!0x1),_0x5676da(!0x0)):_0x1038f5[_0x4dc01b(0x120)]===0x1?(_0x4d4a3d(!0x0),_0x635bd8(!0x0),_0xa196b3(!0x1),_0x51bbe1(!0x0),_0x5676da(!0x1)):(_0x4d4a3d(!0x0),_0x635bd8(!0x1),_0xa196b3(!0x0),_0x51bbe1(!0x1),_0x5676da(!0x1));}),_0x17ba5d=_0x16a891[_0x3d7492(0x148)][_0x3d7492(0x2f8)](_0x455be2=>{const _0x116eaf=_0x3d7492;_0x455be2[_0x116eaf(0x120)]===0x0?(_0x4d4a3d(!0x1),_0x635bd8(!0x1),_0xa196b3(!0x1),_0x51bbe1(!0x1),_0x5676da(!0x0)):_0x455be2['length']===0x1?(_0x4d4a3d(!0x0),_0x635bd8(!0x0),_0xa196b3(!0x1),_0x51bbe1(!0x0),_0x5676da(!0x1)):(_0x4d4a3d(!0x0),_0x635bd8(!0x1),_0xa196b3(!0x0),_0x51bbe1(!0x1),_0x5676da(!0x1));});return()=>{const _0x5b59b2=_0x3d7492;_0x37e26e[_0x5b59b2(0x298)](),_0x17f7a3[_0x5b59b2(0x298)](),_0x17ba5d[_0x5b59b2(0x298)]();};},[]),React[_0x3a0d75(0x29b)](React[_0x3a0d75(0x233)],null,React[_0x3a0d75(0x29b)](_0x3a0d75(0x301),{'style':{'display':_0x1464d7===!0x0?'block':_0x3a0d75(0x11d),'height':_0x3a0d75(0x12c)}},React['createElement'](_0x3a0d75(0x301),{'style':{'display':_0x3a0d75(0x123),'justifyContent':_0x3a0d75(0x2be),'alignItems':'center','height':'100%','top':_0x3a0d75(0x189),'marginTop':_0x3a0d75(0x312)}},React[_0x3a0d75(0x29b)](_0x3a0d75(0x131),null,_0xeeaba7['t'](_0x3a0d75(0x1b5))))),React[_0x3a0d75(0x29b)](DrawingArrange,{'arrangeShow':hasArrange===!0x0?_0x3c5cc6:!0x1,'drawings':_0xed10c1}),React['createElement'](DrawingTransform,{'transformShow':hasTransform===!0x0?_0x48aefa:!0x1,'drawings':_0xed10c1}),React['createElement'](DrawingAlign,{'alignShow':hasAlign===!0x0?_0x118511:!0x1,'drawings':_0xed10c1}),React[_0x3a0d75(0x29b)](ImageCropper,{'cropperShow':hasCropper===!0x0?_0x3307d1:!0x1,'drawings':_0xed10c1}),React[_0x3a0d75(0x29b)](DrawingGroup,{'hasGroup':hasGroup,'drawings':_0xed10c1}));},_0x1a748f(0x296)),imagePopupMenu='univer-image-popup-menu',imagePopupMenuItem=_0x1a748f(0x281),imagePopupMenuItemIcon='univer-image-popup-menu-item-icon',imagePopupMenuItemTitle=_0x1a748f(0x1fd),imagePopupMenuItemHide=_0x1a748f(0x264),btnContainer=_0x1a748f(0x184),btnContainerExpand=_0x1a748f(0x114),styles={'imagePopupMenu':imagePopupMenu,'imagePopupMenuItem':imagePopupMenuItem,'imagePopupMenuItemIcon':imagePopupMenuItemIcon,'imagePopupMenuItemTitle':imagePopupMenuItemTitle,'imagePopupMenuItemHide':imagePopupMenuItemHide,'btnContainer':btnContainer,'btnContainerExpand':btnContainerExpand},ImagePopupMenu=__name(_0x4bcee9=>{const _0x4a0603=_0x1a748f;var _0x70736e,_0xe19462;const _0x4986bc=(_0xe19462=(_0x70736e=_0x4bcee9[_0x4a0603(0x20d)])==null?void 0x0:_0x70736e[_0x4a0603(0x158)])==null?void 0x0:_0xe19462['menuItems'];if(!_0x4986bc)return null;const _0x1873b7=core[_0x4a0603(0x1bf)](core[_0x4a0603(0x1e4)]),_0x2d10cd=core[_0x4a0603(0x1bf)](core['LocaleService']),[_0x3762db,_0x5dfc56]=React['useState'](!0x1),[_0x1ba547,_0x13aa59]=React[_0x4a0603(0x149)](!0x1),_0x460481=__name(()=>{_0x13aa59(!0x0);},'handleMouseEnter'),_0x54d088=__name(()=>{_0x13aa59(!0x1);},_0x4a0603(0x22f)),_0x4c337f=__name(_0x2af115=>{_0x5dfc56(_0x2af115);},_0x4a0603(0x14e)),_0xfc7e01=__name(_0x32d45c=>{const _0x135f63=_0x4a0603;_0x1873b7[_0x135f63(0x13c)](_0x32d45c[_0x135f63(0x1f3)],_0x32d45c[_0x135f63(0x21d)]),_0x5dfc56(!0x1);},_0x4a0603(0x2dd)),_0x474525=_0x3762db\|\|_0x1ba547,_0x3947fa=_0x4986bc[_0x4a0603(0x229)](_0x4cea97=>!_0x4cea97[_0x4a0603(0x126)]);return React[_0x4a0603(0x29b)](_0x4a0603(0x301),{'onMouseEnter':_0x460481,'onMouseLeave':_0x54d088},React['createElement'](design['Dropdown'],{'placement':'bottomLeft','trigger':['click'],'overlay':React[_0x4a0603(0x29b)]('ul',{'className':styles[_0x4a0603(0x2c7)]},_0x3947fa['map'](_0x5b530e=>React['createElement']('li',{'key':_0x5b530e[_0x4a0603(0x2ce)],'onClick':__name(()=>_0xfc7e01(_0x5b530e),'onClick'),'className':styles[_0x4a0603(0x1a2)]},React[_0x4a0603(0x29b)](_0x4a0603(0x131),{'className':styles[_0x4a0603(0x1e1)]},_0x2d10cd['t'](_0x5b530e[_0x4a0603(0x2d5)]))))),'visible':_0x3762db,'onVisibleChange':_0x4c337f},React['createElement'](_0x4a0603(0x301),{'className':clsx(styles[_0x4a0603(0x24f)],{[styles[_0x4a0603(0x1ae)]]:_0x3762db})},React[_0x4a0603(0x29b)](Autofill,{'style':{'color':_0x4a0603(0x248)},'extend':{'colorChannel1':_0x4a0603(0x2e7)}}),_0x474525&&React[_0x4a0603(0x29b)](MoreDownSingle,{'style':{'color':_0x4a0603(0x270),'fontSize':_0x4a0603(0x30d),'marginLeft':_0x4a0603(0x30d)}}))));},_0x1a748f(0x181)),COMPONENT_IMAGE_POPUP_MENU='COMPONENT_IMAGE_POPUP_MENU',PLUGIN_CONFIG_KEY='drawing-ui.config',defaultPluginConfig={},ImageResetSizeOperation={'id':_0x1a748f(0x256),'type':core[_0x1a748f(0x162)][_0x1a748f(0x1b4)],'handler':__name((_0x3a8133,_0x180a4e)=>!0x0,_0x1a748f(0x24c))},COMPONENT_IMAGE_VIEWER=_0x1a748f(0x22d),ImageViewer=__name(_0x13ed11=>{const _0x4986ec=_0x1a748f,{src:_0x2e5253}=_0x13ed11;return _0x2e5253?React[_0x4986ec(0x29b)](_0x4986ec(0x301),null,React[_0x4986ec(0x29b)](_0x4986ec(0x183),{'src':_0x2e5253,'alt':_0x4986ec(0x118),'style':{'width':'100%','height':'100%','position':'relative'}})):null;},_0x1a748f(0x127));var __defProp$4=Object['defineProperty'],__getOwnPropDesc$4=Object[_0x1a748f(0x1e9)],__decorateClass$4=__name((_0x12e238,_0x4add3c,_0x2c5733,_0x4e09e7)=>{const _0xb2a601=_0x1a748f;for(var _0x1522dd=_0x4e09e7>0x1?void 0x0:_0x4e09e7?__getOwnPropDesc$4(_0x4add3c,_0x2c5733):_0x4add3c,_0x441c31=_0x12e238[_0xb2a601(0x120)]-0x1,_0x12d09c;_0x441c31>=0x0;_0x441c31--)(_0x12d09c=_0x12e238[_0x441c31])&&(_0x1522dd=(_0x4e09e7?_0x12d09c(_0x4add3c,_0x2c5733,_0x1522dd):_0x12d09c(_0x1522dd))\|\|_0x1522dd);return _0x4e09e7&&_0x1522dd&&__defProp$4(_0x4add3c,_0x2c5733,_0x1522dd),_0x1522dd;},_0x1a748f(0x11b)),__decorateParam$4=__name((_0x48b60b,_0x56bece)=>(_0xb7ae3,_0x4c8d4e)=>_0x56bece(_0xb7ae3,_0x4c8d4e,_0x48b60b),_0x1a748f(0x2cb)),_a2;let DrawingUIController=(_a2=class extends core[_0x1a748f(0x258)]{constructor(_0x6fa834,_0x5ac029){const _0x495e2d=_0x1a748f;super(),this[_0x495e2d(0x1d6)]=_0x6fa834,this[_0x495e2d(0x1c1)]=_0x5ac029,this[_0x495e2d(0x2b7)]();}['_initCustomComponents'](){const _0x48acce=_0x1a748f,_0xccfa97=this[_0x48acce(0x1d6)];this[_0x48acce(0x166)](_0xccfa97[_0x48acce(0x200)](COMPONENT_IMAGE_POPUP_MENU,ImagePopupMenu)),this[_0x48acce(0x166)](_0xccfa97[_0x48acce(0x200)](COMPONENT_IMAGE_VIEWER,ImageViewer));}[_0x1a748f(0x224)](){const _0x400f87=_0x1a748f;[OpenImageCropOperation,CloseImageCropOperation,ImageResetSizeOperation,SetDrawingAlignOperation,AutoImageCropOperation][_0x400f87(0x2d7)](_0x778f22=>this['disposeWithMe'](this['_commandService'][_0x400f87(0x25e)](_0x778f22)));}[_0x1a748f(0x2b7)](){const _0x24a4c2=_0x1a748f;this['_initCommands'](),this[_0x24a4c2(0x2bb)]();}},__name(_a2,_0x1a748f(0x266)),_a2);DrawingUIController=__decorateClass$4([__decorateParam$4(0x0,core[_0x1a748f(0x1e6)](ui[_0x1a748f(0x1f8)])),__decorateParam$4(0x1,core[_0x1a748f(0x1e4)])],DrawingUIController);var __defProp$3=Object[_0x1a748f(0x122)],__getOwnPropDesc$3=Object[_0x1a748f(0x1e9)],__decorateClass$3=__name((_0x341e9a,_0x51972e,_0x12bc04,_0xb7ddc6)=>{const _0x26bad0=_0x1a748f;for(var _0x476a0e=_0xb7ddc6>0x1?void 0x0:_0xb7ddc6?__getOwnPropDesc$3(_0x51972e,_0x12bc04):_0x51972e,_0x5e7c08=_0x341e9a[_0x26bad0(0x120)]-0x1,_0x53f591;_0x5e7c08>=0x0;_0x5e7c08--)(_0x53f591=_0x341e9a[_0x5e7c08])&&(_0x476a0e=(_0xb7ddc6?_0x53f591(_0x51972e,_0x12bc04,_0x476a0e):_0x53f591(_0x476a0e))\|\|_0x476a0e);return _0xb7ddc6&&_0x476a0e&&__defProp$3(_0x51972e,_0x12bc04,_0x476a0e),_0x476a0e;},_0x1a748f(0x2ee)),__decorateParam$3=__name((_0x5df3fc,_0x3c077b)=>(_0x27a41c,_0x6fb46e)=>_0x3c077b(_0x27a41c,_0x6fb46e,_0x5df3fc),_0x1a748f(0x311)),_a3;let DrawingUpdateController=(_a3=class extends core[_0x1a748f(0x258)]{constructor(_0x58bfaf,_0x259c22,_0x5c32ba,_0x4e31c9){const _0x5ee999=_0x1a748f;super(),__publicField(this,_0x5ee999(0x21a),new WeakSet()),(this[_0x5ee999(0x14d)]=_0x58bfaf,this['_commandService']=_0x259c22,this['_renderManagerService']=_0x5c32ba,this[_0x5ee999(0x1ba)]=_0x4e31c9,this[_0x5ee999(0x235)]());}[_0x1a748f(0x20e)](){const _0x2de34b=_0x1a748f;super[_0x2de34b(0x20e)]();}[_0x1a748f(0x235)](){const _0x2a217e=_0x1a748f;this[_0x2a217e(0x201)](),this[_0x2a217e(0x2cf)](),this[_0x2a217e(0x21e)](),this['_drawingUpdateListener'](),this[_0x2a217e(0x274)](),this[_0x2a217e(0x117)](),this['_drawingGroupListener'](),this[_0x2a217e(0x15f)](),this[_0x2a217e(0x15d)]();}[_0x1a748f(0x201)](){const _0x3f97d6=_0x1a748f,_0x507456=this['_drawingManagerService']['drawingManagerData'],_0x49903d=getCurrentUnitInfo(this[_0x3f97d6(0x14d)]);if(_0x49903d==null)return;const {unitId:_0x1bf0eb,subUnitId:_0x21f225}=_0x49903d;Object[_0x3f97d6(0x226)](_0x507456)[_0x3f97d6(0x2d7)](_0x517d2a=>{const _0x1e6338=_0x3f97d6;Object[_0x1e6338(0x226)](_0x507456[_0x517d2a])['forEach'](_0x22c29b=>{const _0x44ad1f=_0x1e6338,_0x59b53f=_0x507456[_0x517d2a][_0x22c29b]['data'];_0x59b53f==null\|\|_0x517d2a!==_0x1bf0eb\|\|_0x22c29b!==_0x21f225\|\|Object[_0x44ad1f(0x226)](_0x59b53f)['forEach'](_0x555fdf=>{const _0x42a5b6=_0x44ad1f;_0x59b53f[_0x555fdf]&&this[_0x42a5b6(0x278)]([{'unitId':_0x517d2a,'subUnitId':_0x22c29b,'drawingId':_0x555fdf}]);});});});}['_commandExecutedListener'](){const _0x30da8e=_0x1a748f;this[_0x30da8e(0x166)](this[_0x30da8e(0x1c1)][_0x30da8e(0x2ab)](_0x4bc2c0=>{if(_0x4bc2c0['id']===SetDrawingAlignOperation['id']){const _0xe0f3b0=_0x4bc2c0['params'];if(_0xe0f3b0==null)return;this['_drawingAlign'](_0xe0f3b0);}}));}['_drawingGroupListener'](){const _0x571dc4=_0x1a748f;this[_0x571dc4(0x166)](this[_0x571dc4(0x1ba)]['group$'][_0x571dc4(0x2f8)](_0x370a60=>{const _0x3d39df=_0x571dc4;this[_0x3d39df(0x152)](_0x370a60);})),this[_0x571dc4(0x166)](this[_0x571dc4(0x1ba)][_0x571dc4(0x26f)][_0x571dc4(0x2f8)](_0x5a7916=>{this['_ungroupDrawings'](_0x5a7916);}));}[_0x1a748f(0x1c8)](_0x69d6c0){const _0x5ee77b=_0x1a748f;if(_0x69d6c0==null)return;const _0x1bbb3a=this[_0x5ee77b(0x17d)][_0x5ee77b(0x1db)](_0x69d6c0),_0x361f47=_0x1bbb3a==null?void 0x0:_0x1bbb3a[_0x5ee77b(0x144)];if(_0x361f47==null)return null;const _0x1bbe56=_0x361f47[_0x5ee77b(0x145)]();return{'scene':_0x361f47,'transformer':_0x1bbe56};}[_0x1a748f(0x152)](_0x548873){const _0x4e17b2=_0x1a748f;_0x548873[_0x4e17b2(0x2d7)](_0x155ca5=>{const _0x2d61c2=_0x4e17b2;this[_0x2d61c2(0x202)](_0x155ca5);});}[_0x1a748f(0x202)](_0x2ee292){const _0x16be44=_0x1a748f,{parent:_0x3b19e6,children:_0x273d25}=_0x2ee292,{unitId:_0x3c822e,subUnitId:_0x46b57d,drawingId:_0x7f1f16}=_0x3b19e6,_0x59168c=this[_0x16be44(0x1c8)](_0x3b19e6[_0x16be44(0x2ac)]);if(_0x59168c==null)return;const {scene:_0x4cfebc,transformer:_0x3c1211}=_0x59168c;this['_commandService'][_0x16be44(0x17f)](CloseImageCropOperation['id']);const _0x2d4c80=[];if(_0x273d25[_0x16be44(0x2d7)](_0x155ab=>{const _0x4c85e5=_0x16be44,_0x41c1fc=drawing[_0x4c85e5(0x2cc)](_0x155ab),_0x19dd73=_0x4cfebc['getObjectIncludeInGroup'](_0x41c1fc);if(_0x19dd73==null\|\|_0x2d4c80[_0x4c85e5(0x1bd)](_0x19dd73))return;_0x2d4c80[_0x4c85e5(0x18b)](_0x19dd73);const {transform:_0x3c2d2a}=_0x155ab;_0x3c2d2a!=null&&(_0x19dd73[_0x4c85e5(0x1e7)]===engineRender[_0x4c85e5(0x269)][_0x4c85e5(0x271)]?_0x19dd73['transformByState']({'left':_0x3c2d2a['left'],'top':_0x3c2d2a[_0x4c85e5(0x1cb)]}):_0x19dd73[_0x4c85e5(0x218)](_0x3c2d2a));}),_0x2d4c80[_0x16be44(0x120)]===0x0)return;const _0x44bdf7=drawing[_0x16be44(0x2cc)]({'unitId':_0x3c822e,'subUnitId':_0x46b57d,'drawingId':_0x7f1f16}),_0x4a9a39=new engineRender[(_0x16be44(0x295))](_0x44bdf7);_0x4cfebc['addObject'](_0x4a9a39,engineRender[_0x16be44(0x211)])[_0x16be44(0x23e)](_0x4a9a39),_0x4a9a39[_0x16be44(0x179)](..._0x2d4c80),_0x3b19e6['transform']&&_0x4a9a39[_0x16be44(0x218)]({'left':_0x3b19e6[_0x16be44(0x174)]['left'],'top':_0x3b19e6[_0x16be44(0x174)]['top']}),_0x3c1211['clearSelectedObjects'](),_0x3c1211[_0x16be44(0x13a)](_0x4a9a39);}[_0x1a748f(0x170)](_0x462129){const _0x4fd595=_0x1a748f;_0x462129[_0x4fd595(0x2d7)](_0x2b74b6=>{const _0x6a165e=_0x4fd595;this[_0x6a165e(0x23b)](_0x2b74b6);});}[_0x1a748f(0x23b)](_0x1495fb){const _0x487365=_0x1a748f,{parent:_0x187ae0,children:_0x492676}=_0x1495fb,_0x48cf74=this['_getSceneAndTransformerByDrawingSearch'](_0x187ae0['unitId']);if(_0x48cf74==null)return;const {scene:_0x48f019,transformer:_0x3705d3}=_0x48cf74;_0x492676[_0x487365(0x2d7)](_0x563df1=>{const _0x26b7c0=_0x487365,_0x3d5f49=drawing[_0x26b7c0(0x2cc)](_0x563df1),_0x2979f6=_0x48f019[_0x26b7c0(0x2f7)](_0x3d5f49);if(_0x2979f6==null)return!0x0;if(_0x2979f6==null)return;const {transform:_0x3f0501}=_0x563df1;_0x3f0501!=null&&(_0x2979f6[_0x26b7c0(0x1e7)]===engineRender[_0x26b7c0(0x269)]['GROUP']?_0x2979f6[_0x26b7c0(0x218)]({'left':_0x3f0501[_0x26b7c0(0x1a5)],'top':_0x3f0501['top']}):_0x2979f6[_0x26b7c0(0x218)](_0x3f0501));});const _0x324936=drawing[_0x487365(0x2cc)](_0x187ae0),_0x287a48=_0x48f019[_0x487365(0x12d)](_0x324936),{width:_0x2e2f6b,height:_0x5b27f5}=_0x287a48;_0x287a48['getObjects']()[_0x487365(0x2d7)](_0x4fcd19=>{const _0x51569e=_0x487365;_0x287a48[_0x51569e(0x234)](_0x4fcd19['oKey'],_0x2e2f6b,_0x5b27f5);}),_0x287a48[_0x487365(0x20e)](),_0x3705d3[_0x487365(0x141)]();}['_drawingAlign'](_0x18a2f3){const _0x1fabfd=_0x1a748f,{alignType:_0x3b19ad}=_0x18a2f3,_0x5c4efe=this[_0x1fabfd(0x1ba)][_0x1fabfd(0x30e)]();if(_0x3b19ad===AlignType['default'])return;const _0x53c3ea=[];let _0x3b607b=Number['POSITIVE_INFINITY'],_0x325fca=Number[_0x1fabfd(0x2f6)],_0x402db8=Number[_0x1fabfd(0x223)],_0x3f088a=Number['NEGATIVE_INFINITY'],_0x594a10=0x0;_0x5c4efe[_0x1fabfd(0x2d7)](_0x4af639=>{const _0x4b45e2=_0x1fabfd,{unitId:_0x12ae4b,subUnitId:_0x13f687,drawingId:_0x6b4af4,drawingType:_0x40280f}=_0x4af639,_0x5089d4=this[_0x4b45e2(0x1ba)][_0x4b45e2(0x163)]({'unitId':_0x12ae4b,'subUnitId':_0x13f687,'drawingId':_0x6b4af4});if(_0x5089d4==null\|\|_0x5089d4['transform']==null)return;_0x53c3ea[_0x4b45e2(0x18b)]({'unitId':_0x12ae4b,'subUnitId':_0x13f687,'drawingId':_0x6b4af4,'drawingType':_0x40280f,'transform':_0x5089d4[_0x4b45e2(0x174)]});const {left:left=0x0,top:top=0x0,width:width=0x0,height:height=0x0}=_0x5089d4['transform'];_0x3b607b=Math[_0x4b45e2(0x1c2)](_0x3b607b,left),_0x325fca=Math['min'](_0x325fca,top),_0x402db8=Math[_0x4b45e2(0x1d4)](_0x402db8,left+width),_0x3f088a=Math[_0x4b45e2(0x1d4)](_0x3f088a,top+height),_0x594a10++;}),_0x594a10!==0x0&&(this[_0x1fabfd(0x30f)](_0x53c3ea,_0x3b19ad),this['_applyAlignType'](_0x53c3ea,_0x3b19ad,_0x3b607b,_0x325fca,_0x402db8,_0x3f088a,_0x594a10));}[_0x1a748f(0x2c1)](_0x2838a0,_0x4deb45,_0x546383,_0x59ac82,_0x585ca8,_0x5622d0,_0xb0d8c4){const _0x23e3b2=_0x1a748f,_0x2008ce=Math['round']((_0x585ca8-_0x546383)/_0xb0d8c40xa)/0xa,_0x463183=Math['round']((_0x5622d0-_0x59ac82)/_0xb0d8c40xa)/0xa,_0x2f122f=[],_0x5971af=this[_0x23e3b2(0x1c8)](_0x2838a0[0x0][_0x23e3b2(0x2ac)]);if(_0x5971af==null)return;const {scene:_0x58c28f,transformer:_0x4acda9}=_0x5971af;_0x2838a0[_0x23e3b2(0x2d7)]((_0x35dae1,_0x51fb94)=>{const _0x114689=_0x23e3b2,{unitId:_0x511160,subUnitId:_0x3df7fa,drawingId:_0x548da9,transform:_0x3815c9,drawingType:_0x299cc7}=_0x35dae1,{left:left=0x0,top:top=0x0,width:width=0x0,height:height=0x0}=_0x3815c9;let _0x4bc48c=left,_0x4cbf8a=top;switch(_0x4deb45){case AlignType['left']:_0x4bc48c=_0x546383;break;case AlignType[_0x114689(0x2be)]:_0x4bc48c=_0x546383+(_0x585ca8-_0x546383)/0x2-width/0x2;break;case AlignType[_0x114689(0x15e)]:_0x4bc48c=_0x585ca8-width;break;case AlignType[_0x114689(0x1cb)]:_0x4cbf8a=_0x59ac82;break;case AlignType[_0x114689(0x238)]:_0x4cbf8a=_0x59ac82+(_0x5622d0-_0x59ac82)/0x2-height/0x2;break;case AlignType[_0x114689(0x259)]:_0x4cbf8a=_0x5622d0-height;break;case AlignType[_0x114689(0x197)]:_0x4bc48c=_0x546383+_0x2008ce_0x51fb94;break;case AlignType[_0x114689(0x25b)]:_0x4cbf8a=_0x59ac82+_0x463183_0x51fb94;break;}(_0x4bc48c!==left\|\|_0x4cbf8a!==top)&&_0x2f122f[_0x114689(0x18b)]({'unitId':_0x511160,'subUnitId':_0x3df7fa,'drawingId':_0x548da9,'drawingType':_0x299cc7,'transform':{'left':_0x4bc48c,'top':_0x4cbf8a}});}),this['_drawingManagerService'][_0x23e3b2(0x225)](_0x2f122f),_0x4acda9[_0x23e3b2(0x313)]()['changeNotification']();}['_sortDrawingTransform'](_0x274f28,_0x5f4de3){const _0x189b43=_0x1a748f;_0x274f28[_0x189b43(0x160)]((_0x1a22a7,_0x4f25f2)=>{const _0x201a66=_0x189b43,_0x23b64c=_0x1a22a7['transform'],_0x523758=_0x4f25f2['transform'],{left:_0x216fc9=0x0,top:_0x36049e=0x0,width:_0x2adbea=0x0,height:_0x389bba=0x0}=_0x23b64c,{left:_0x18bcfc=0x0,top:_0x3dd2d5=0x0,width:_0xe0bdeb=0x0,height:_0x5ea90b=0x0}=_0x523758;switch(_0x5f4de3){case AlignType[_0x201a66(0x1a5)]:return _0x216fc9-_0x18bcfc;case AlignType['center']:return _0x216fc9+_0x2adbea/0x2-(_0x18bcfc+_0xe0bdeb/0x2);case AlignType[_0x201a66(0x15e)]:return _0x216fc9+_0x2adbea-(_0x18bcfc+_0xe0bdeb);case AlignType[_0x201a66(0x1cb)]:return _0x36049e-_0x3dd2d5;case AlignType[_0x201a66(0x238)]:return _0x36049e+_0x389bba/0x2-(_0x3dd2d5+_0x5ea90b/0x2);case AlignType[_0x201a66(0x259)]:return _0x36049e+_0x389bba-(_0x3dd2d5+_0x5ea90b);case AlignType[_0x201a66(0x197)]:return _0x216fc9+_0x2adbea/0x2-(_0x18bcfc+_0xe0bdeb/0x2);case AlignType[_0x201a66(0x25b)]:return _0x36049e+_0x389bba/0x2-(_0x3dd2d5+_0x5ea90b/0x2);default:return 0x0;}});}['_drawingArrangeListener'](){const _0x5e9c25=_0x1a748f;this[_0x5e9c25(0x166)](this[_0x5e9c25(0x1ba)]['order$'][_0x5e9c25(0x2f8)](_0x4c829a=>{this['_drawingArrange'](_0x4c829a);}));}[_0x1a748f(0x16d)](_0x3ee7f2){const _0x5351ac=_0x1a748f,{unitId:_0x4257e6,subUnitId:_0x133d59,drawingIds:_0x33a8d4}=_0x3ee7f2,_0x10e171=this[_0x5351ac(0x1c8)](_0x4257e6);if(_0x10e171==null)return;const {scene:_0x3b0ca2}=_0x10e171;_0x33a8d4[_0x5351ac(0x2d7)](_0x36123d=>{const _0x47e0d9=_0x5351ac,_0x4b4d4e=drawing['getDrawingShapeKeyByDrawingSearch']({'unitId':_0x4257e6,'subUnitId':_0x133d59,'drawingId':_0x36123d}),_0x55407b=_0x3b0ca2[_0x47e0d9(0x1d2)](_0x4b4d4e,!0x0);if(_0x55407b==null\|\|_0x55407b[_0x47e0d9(0x120)]===0x0)return;const _0x46fcc6=this[_0x47e0d9(0x1ba)][_0x47e0d9(0x1c7)](_0x4257e6,_0x133d59)[_0x47e0d9(0x17b)](_0x36123d);for(const _0x3746d2 of _0x55407b)_0x3746d2[_0x47e0d9(0x1ce)]({'zIndex':_0x46fcc6}),_0x3746d2[_0x47e0d9(0x1ab)]();});}[_0x1a748f(0x2cf)](){const _0x3ba641=_0x1a748f;this[_0x3ba641(0x166)](this[_0x3ba641(0x1ba)][_0x3ba641(0x2a0)][_0x3ba641(0x2f8)](_0x55bb08=>{const _0x5ababf=_0x3ba641;this[_0x5ababf(0x278)](_0x55bb08);}));}[_0x1a748f(0x278)](_0x371018){const _0x3b495d=_0x1a748f,_0x27e542=[];_0x371018[_0x3b495d(0x2d7)](_0x58df56=>{const _0x40255e=_0x3b495d,{unitId:_0x4b003a,subUnitId:_0x3fd113,drawingId:_0x5ded3a}=_0x58df56;if(this['_drawingManagerService']['getDrawingByParam'](_0x58df56)==null)return;const _0x32094c=this[_0x40255e(0x1c8)](_0x4b003a);if(_0x32094c==null)return;const {scene:_0x31837e,transformer:_0x5cc0af}=_0x32094c;_0x27e542[_0x40255e(0x1bd)](_0x31837e)\|\|_0x27e542[_0x40255e(0x18b)](_0x31837e);}),_0x27e542[_0x3b495d(0x2d7)](_0x47e937=>{const _0x5ace47=_0x3b495d;this[_0x5ace47(0x21a)][_0x5ace47(0x22b)](_0x47e937)\|\|(this[_0x5ace47(0x2f0)](_0x47e937),this[_0x5ace47(0x21a)][_0x5ace47(0x2fc)](_0x47e937));});}[_0x1a748f(0x21e)](){const _0x129511=_0x1a748f;this[_0x129511(0x166)](this['_drawingManagerService'][_0x129511(0x1dd)][_0x129511(0x2f8)](_0x3f8276=>{const _0x21aaf4=_0x129511;_0x3f8276[_0x21aaf4(0x2d7)](_0xc1128f=>{const _0x8e47b4=_0x21aaf4;var _0xb83e5;const {unitId:_0xc92c2f,subUnitId:_0x5ec503,drawingId:_0x343ac8}=_0xc1128f,_0x105895=this[_0x8e47b4(0x1c8)](_0xc92c2f);if(_0x105895==null)return;const {scene:_0x344e21}=_0x105895,_0x394303=drawing[_0x8e47b4(0x2cc)]({'unitId':_0xc92c2f,'subUnitId':_0x5ec503,'drawingId':_0x343ac8}),_0x57221d=_0x344e21[_0x8e47b4(0x1d2)](_0x394303,!0x0);if(_0x57221d[_0x8e47b4(0x120)]>0x0){for(const _0x50f65a of _0x57221d)_0x50f65a[_0x8e47b4(0x20e)]();(_0xb83e5=_0x344e21['getTransformer']())==null\|\|_0xb83e5[_0x8e47b4(0x141)]();}});}));}['_drawingUpdateListener'](){const _0x3b25be=_0x1a748f;this['disposeWithMe'](this['_drawingManagerService'][_0x3b25be(0x2c9)][_0x3b25be(0x2f8)](_0x4d8bfc=>{const _0x186964=_0x3b25be;_0x4d8bfc[_0x186964(0x2d7)](_0x326cc3=>{const _0x218536=_0x186964,{unitId:_0x16675e,subUnitId:_0x32798e,drawingId:_0xad4d46}=_0x326cc3,_0x57ba16=this[_0x218536(0x1ba)]['getDrawingByParam'](_0x326cc3);if(_0x57ba16==null)return;const {transform:_0x3181d1,drawingType:_0x4ef905}=_0x57ba16,_0x174b05=this['_getSceneAndTransformerByDrawingSearch'](_0x16675e);if(_0x174b05==null)return;const {scene:_0x1db4ad,transformer:_0x45fe7e}=_0x174b05;if(_0x3181d1==null)return!0x0;const {left:left=0x0,top:top=0x0,width:width=0x0,height:height=0x0,angle:angle=0x0,flipX:flipX=!0x1,flipY:flipY=!0x1,skewX:skewX=0x0,skewY:skewY=0x0}=_0x3181d1,_0x4deb35=drawing[_0x218536(0x2cc)]({'unitId':_0x16675e,'subUnitId':_0x32798e,'drawingId':_0xad4d46}),_0x10c0dc=_0x1db4ad[_0x218536(0x12d)](_0x4deb35);if(_0x10c0dc==null)return!0x0;_0x10c0dc[_0x218536(0x218)]({'left':left,'top':top,'width':width,'height':height,'angle':angle,'flipX':flipX,'flipY':flipY,'skewX':skewX,'skewY':skewY});});}));}[_0x1a748f(0x15f)](){const _0x798e11=_0x1a748f;this[_0x798e11(0x166)](this[_0x798e11(0x1ba)][_0x798e11(0x2ff)][_0x798e11(0x2f8)](_0x5c74c5=>{const _0x3962eb=_0x798e11;_0x5c74c5[_0x3962eb(0x2d7)](_0x991f10=>{const _0x3da904=_0x3962eb,{unitId:_0x2e3ef3,subUnitId:_0xd002ef,drawingId:_0x3a75e3}=_0x991f10,_0x1730e4=this[_0x3da904(0x1c8)](_0x2e3ef3);if(_0x1730e4==null)return;const _0x502ec6=this[_0x3da904(0x1ba)][_0x3da904(0x163)](_0x991f10);if(_0x502ec6==null)return;const {transform:_0x2d630a}=_0x502ec6,{scene:_0x27b28b}=_0x1730e4,_0x434c1c=drawing[_0x3da904(0x2cc)]({'unitId':_0x2e3ef3,'subUnitId':_0xd002ef,'drawingId':_0x3a75e3}),_0x200a7f=_0x27b28b[_0x3da904(0x12d)](_0x434c1c);if(_0x200a7f==null\|\|_0x2d630a==null)return!0x0;const {left:left=0x0,top:top=0x0,width:width=0x0,height:height=0x0,angle:angle=0x0,flipX:flipX=!0x1,flipY:flipY=!0x1,skewX:skewX=0x0,skewY:skewY=0x0}=_0x2d630a;_0x200a7f[_0x3da904(0x218)]({'left':left,'top':top,'width':width,'height':height,'angle':angle,'flipX':flipX,'flipY':flipY,'skewX':skewX,'skewY':skewY});});}));}[_0x1a748f(0x15d)](){const _0x594ead=_0x1a748f;this['disposeWithMe'](this[_0x594ead(0x1ba)][_0x594ead(0x1d7)][_0x594ead(0x2f8)](_0x18e728=>{const _0x7016a1=_0x594ead;_0x18e728[_0x7016a1(0x2d7)](_0xd025fe=>{const _0x3ebbcf=_0x7016a1,{unitId:_0x57c825,subUnitId:_0x4d1164,drawingId:_0x20cd94,visible:_0x8ead22}=_0xd025fe,_0x1a4102=this[_0x3ebbcf(0x1c8)](_0x57c825);if(_0x1a4102==null)return;const {scene:_0x13c979}=_0x1a4102,_0x19d25e=drawing[_0x3ebbcf(0x2cc)]({'unitId':_0x57c825,'subUnitId':_0x4d1164,'drawingId':_0x20cd94}),_0x195eef=_0x13c979[_0x3ebbcf(0x12d)](_0x19d25e);if(_0x195eef==null)return!0x0;_0x8ead22?_0x195eef[_0x3ebbcf(0x2d1)]():_0x195eef[_0x3ebbcf(0x232)]();});}));}[_0x1a748f(0x253)](_0x2cf626,_0x53bec9){const _0x177962=_0x1a748f;return _0x2cf626[_0x177962(0x229)]((_0x5dc9ac,_0x1551dc)=>{const _0x111d88=_0x177962;if(_0x5dc9ac==null)return!0x1;const {transform:_0x36f45a}=_0x5dc9ac;return core[_0x111d88(0x116)](_0x36f45a,_0x53bec9==null?void 0x0:_0x53bec9[_0x1551dc]);});}[_0x1a748f(0x2f0)](_0x2a8264){const _0x1135db=_0x1a748f,_0x4ccc10=_0x2a8264['getTransformerByCreate']();let _0x571d33=null;this['disposeWithMe'](core[_0x1135db(0x119)](_0x4ccc10[_0x1135db(0x1c0)][_0x1135db(0x2f8)](_0x185c94=>{const _0x42de2a=_0x1135db,{objects:_0x26c7e3}=_0x185c94,_0x3b6563=Array['from'](_0x26c7e3['values']()),_0x21f10c=[];_0x571d33=_0x3b6563[_0x42de2a(0x30a)](_0x1f50b1=>{const _0x3a5279=_0x42de2a,{left:_0x2cd8f3,top:_0x131cd3,height:_0x3cda8a,width:_0x3dfeca,angle:_0x26ef94,oKey:_0x5beb3c,isInGroup:_0x4f6dd8}=_0x1f50b1,_0x39ab83=this['_drawingManagerService']['getDrawingOKey'](_0x5beb3c);if(_0x4f6dd8\|\|_0x1f50b1 instanceof engineRender[_0x3a5279(0x295)]){let _0x4fbaa9=_0x1f50b1[_0x3a5279(0x1d1)];if(_0x4fbaa9==null&&_0x1f50b1 instanceof engineRender[_0x3a5279(0x295)]&&(_0x4fbaa9=_0x1f50b1),_0x4fbaa9==null)return null;const _0x32d955=this[_0x3a5279(0x1ba)][_0x3a5279(0x305)](_0x4fbaa9[_0x3a5279(0x2e5)]);if(_0x32d955){const {unitId:_0x19fa09,subUnitId:_0x305e02,drawingId:_0x333c38}=_0x32d955;_0x21f10c[_0x3a5279(0x18b)]({'unitId':_0x19fa09,'subUnitId':_0x305e02,'drawingId':_0x333c38});const {left:_0x1a7097,top:_0x136e98,height:_0xd18793,width:_0x32224a,angle:_0x10145a}=_0x4fbaa9;return{'left':_0x1a7097,'top':_0x136e98,'height':_0xd18793,'width':_0x32224a,'angle':_0x10145a};}}else{if(_0x39ab83!=null){const {unitId:_0x390850,subUnitId:_0x3a1b39,drawingId:_0x476256}=_0x39ab83;return _0x21f10c['push']({'unitId':_0x390850,'subUnitId':_0x3a1b39,'drawingId':_0x476256}),{'left':_0x2cd8f3,'top':_0x131cd3,'height':_0x3cda8a,'width':_0x3dfeca,'angle':_0x26ef94};}}return null;})[_0x42de2a(0x229)](_0x30529b=>_0x30529b!=null),_0x21f10c[_0x42de2a(0x120)]>0x0?this[_0x42de2a(0x1ba)][_0x42de2a(0x204)](_0x21f10c):this[_0x42de2a(0x1ba)][_0x42de2a(0x204)](null);}))),this[_0x1135db(0x166)](core['toDisposable'](_0x4ccc10[_0x1135db(0x28b)]['subscribe'](_0x401e0b=>{const _0x3c7de5=_0x1135db,{objects:_0x56d744}=_0x401e0b,_0x924930=this[_0x3c7de5(0x253)](getUpdateParams(_0x56d744,this['_drawingManagerService']),_0x571d33);_0x924930[_0x3c7de5(0x120)]>0x0&&this[_0x3c7de5(0x1ba)][_0x3c7de5(0x225)](_0x924930);})));}},__name(_a3,_0x1a748f(0x255)),_a3);DrawingUpdateController=__decorateClass$3([__decorateParam$3(0x0,core[_0x1a748f(0x304)]),__decorateParam$3(0x1,core[_0x1a748f(0x1e4)]),__decorateParam$3(0x2,engineRender[_0x1a748f(0x1e5)]),__decorateParam$3(0x3,drawing[_0x1a748f(0x156)])],DrawingUpdateController);const _ImageCropperObject=class _ImageCropperObject extends engineRender[_0x1a748f(0x1cf)]{constructor(_0x309120,_0x22c8bf){const _0x3de5f8=_0x1a748f;_0x22c8bf==null&&(_0x22c8bf={}),_0x22c8bf['transformerConfig']={'keepRatio':!0x1,'isCropper':!0x0,'anchorFill':_0x3de5f8(0x125),'anchorStroke':_0x3de5f8(0x18f),'anchorSize':0x18},super(_0x309120,_0x22c8bf),__publicField(this,_0x3de5f8(0x2f9)),__publicField(this,_0x3de5f8(0x1a8)),__publicField(this,'_applyTransform'),__publicField(this,_0x3de5f8(0x310),0x8),__publicField(this,_0x3de5f8(0x1c3)),(_0x22c8bf!=null&&_0x22c8bf['srcRect']&&(this[_0x3de5f8(0x2f9)]=_0x22c8bf[_0x3de5f8(0x22e)]),_0x22c8bf!=null&&_0x22c8bf[_0x3de5f8(0x21b)]&&(this[_0x3de5f8(0x1a8)]=_0x22c8bf[_0x3de5f8(0x21b)]),_0x22c8bf!=null&&_0x22c8bf[_0x3de5f8(0x1e8)]&&(this[_0x3de5f8(0x227)]=_0x22c8bf[_0x3de5f8(0x1e8)]),_0x22c8bf!=null&&_0x22c8bf[_0x3de5f8(0x2c4)]&&(this[_0x3de5f8(0x310)]=_0x22c8bf[_0x3de5f8(0x2c4)]),this[_0x3de5f8(0x2c6)]());}[_0x1a748f(0x29a)](_0x2459dd,_0x3f4294){const _0x594eef=_0x1a748f;this[_0x594eef(0x2f9)]=_0x2459dd,this['_applyTransform']=_0x3f4294,this['_applyProps']();}get['srcRect'](){const _0x2e7c64=_0x1a748f;return this[_0x2e7c64(0x2f9)];}['dispose'](){const _0x309117=_0x1a748f;var _0x29958b;super[_0x309117(0x20e)](),(_0x29958b=this[_0x309117(0x1c3)])==null\|\|_0x29958b[_0x309117(0x20e)](),this[_0x309117(0x2f9)]=null;}['isHit'](_0x283f22){const _0x171993=_0x1a748f,_0x2769b9=this[_0x171993(0x150)](_0x283f22);return _0x2769b9['x']>=-this[_0x171993(0x153)]/0x2&&_0x2769b9['x']<=this[_0x171993(0x164)]+this[_0x171993(0x153)]/0x2&&_0x2769b9['y']>=-this[_0x171993(0x153)]/0x2&&_0x2769b9['y']<=this[_0x171993(0x11f)]+this[_0x171993(0x153)]/0x2&&!this[_0x171993(0x249)](_0x2769b9);}[_0x1a748f(0x249)](_0x37c407){const _0x5bdfcf=_0x1a748f,_0x521282=this[_0x5bdfcf(0x310)];return _0x37c407['x']>=_0x521282-this[_0x5bdfcf(0x153)]/0x2&&_0x37c407['x']<=this[_0x5bdfcf(0x164)]+this[_0x5bdfcf(0x153)]/0x2-_0x521282&&_0x37c407['y']>=_0x521282-this[_0x5bdfcf(0x153)]/0x2&&_0x37c407['y']<=this[_0x5bdfcf(0x11f)]+this['strokeWidth']/0x2-_0x521282;}[_0x1a748f(0x2a4)](_0x3bd360,_0x4c3343){const _0x57d3f1=_0x1a748f;return this[_0x57d3f1(0x2b9)]?(_0x3bd360[_0x57d3f1(0x236)](),this[_0x57d3f1(0x300)](_0x3bd360),_0x3bd360[_0x57d3f1(0x188)](),this['makeDirty'](!0x1),this):(this[_0x57d3f1(0x1ab)](!0x1),this);}['_draw'](_0x38cf67){const _0x3320a9=_0x1a748f;var _0x3acc26,_0x39d359;const _0x195ea2=this['getScene']()['getEngine'](),{width:_0x222746,height:_0x224907}=_0x195ea2;this['_initialCacheCanvas'](),(_0x3acc26=this[_0x3320a9(0x1c3)])==null\|\|_0x3acc26[_0x3320a9(0x21c)]();const _0x179e86=(_0x39d359=this[_0x3320a9(0x1c3)])==null?void 0x0:_0x39d359[_0x3320a9(0x243)]();_0x179e86!=null&&(_0x179e86['save'](),engineRender[_0x3320a9(0x2a1)][_0x3320a9(0x18e)](_0x179e86,{'left':0x0,'top':0x0,'width':_0x222746,'height':_0x224907,'fill':_0x3320a9(0x267)}),_0x179e86[_0x3320a9(0x129)](_0x38cf67[_0x3320a9(0x172)]()),this[_0x3320a9(0x143)](_0x179e86),this[_0x3320a9(0x19f)](_0x38cf67),_0x179e86[_0x3320a9(0x188)]());}['_clipForApplyObject'](_0x2ec3e0){const _0x15c760=_0x1a748f;let _0x1e9471=0x0;if(this['_prstGeom']!=null&&(_0x1e9471=0x1),_0x2ec3e0[_0x15c760(0x214)]='destination-out',_0x2ec3e0[_0x15c760(0x17c)](),_0x1e9471===0x0){const _0x3361b5=this[_0x15c760(0x174)][_0x15c760(0x139)]();_0x2ec3e0[_0x15c760(0x174)](_0x3361b5[0x0],_0x3361b5[0x1],_0x3361b5[0x2],_0x3361b5[0x3],_0x3361b5[0x4],_0x3361b5[0x5]),_0x2ec3e0[_0x15c760(0x154)](0x0,0x0,this[_0x15c760(0x164)],this[_0x15c760(0x11f)]),_0x2ec3e0['fill']();}}[_0x1a748f(0x2c6)](){const _0x323c13=_0x1a748f;if(this[_0x323c13(0x227)]==null)return;let _0x467363=0x0,_0x35cb5a=0x0,_0x114bcf=0x0,_0x47fae3=0x0;const {left:_0x33f383=0x0,top:_0x312f9f=0x0,width:_0x29aa4c=0x0,height:_0x1df382=0x0,angle:_0x1d9d3d}=this[_0x323c13(0x227)];if(this[_0x323c13(0x2f9)]!=null){const {left:_0x20fbbb=0x0,top:_0x504327=0x0,right:right=0x0,bottom:bottom=0x0}=this[_0x323c13(0x2f9)];_0x467363=_0x20fbbb,_0x35cb5a=_0x504327,_0x114bcf=right,_0x47fae3=bottom;}const _0x27001b=_0x33f383+_0x467363,_0x345523=_0x312f9f+_0x35cb5a;this[_0x323c13(0x218)]({'left':_0x27001b,'top':_0x345523,'width':_0x33f383+_0x29aa4c-_0x114bcf-_0x27001b,'height':_0x312f9f+_0x1df382-_0x47fae3-_0x345523,'angle':_0x1d9d3d});}[_0x1a748f(0x19f)](_0x4f53a3){const _0x39974b=_0x1a748f;if(!_0x4f53a3\|\|this['_cacheCanvas']==null)return;const _0x288db0=this[_0x39974b(0x1c3)]['getContext']();_0x288db0['save'](),_0x4f53a3[_0x39974b(0x236)](),_0x4f53a3[_0x39974b(0x129)](0x1,0x0,0x0,0x1,0x0,0x0),_0x288db0[_0x39974b(0x129)](0x1,0x0,0x0,0x1,0x0,0x0),_0x4f53a3[_0x39974b(0x29c)](this['_cacheCanvas'][_0x39974b(0x2e8)](),0x0,0x0),_0x4f53a3[_0x39974b(0x188)](),_0x288db0[_0x39974b(0x188)]();}[_0x1a748f(0x2fd)](){const _0x5f2b61=_0x1a748f;if(this['_cacheCanvas']!=null)return;const _0x205c58=this[_0x5f2b61(0x18d)]();if(_0x205c58==null)return;this[_0x5f2b61(0x1c3)]=new engineRender[(_0x5f2b61(0x2b4))]();const _0x46e968=_0x205c58[_0x5f2b61(0x175)]();this['_cacheCanvas'][_0x5f2b61(0x1e3)](_0x46e968[_0x5f2b61(0x164)],_0x46e968['height']),_0x46e968[_0x5f2b61(0x209)][_0x5f2b61(0x239)](()=>{const _0x43769e=_0x5f2b61;var _0x436f9d;(_0x436f9d=this[_0x43769e(0x1c3)])==null\|\|_0x436f9d[_0x43769e(0x1e3)](_0x46e968[_0x43769e(0x164)],_0x46e968[_0x43769e(0x11f)]),this[_0x43769e(0x1ab)](!0x0);});}};__name(_ImageCropperObject,_0x1a748f(0x18c));let ImageCropperObject=_ImageCropperObject;var __defProp$2=Object['defineProperty'],__getOwnPropDesc$2=Object['getOwnPropertyDescriptor'],__decorateClass$2=__name((_0x5c0df8,_0x5742cd,_0x4a7150,_0x13a451)=>{const _0x14c3f3=_0x1a748f;for(var _0xa8fd0a=_0x13a451>0x1?void 0x0:_0x13a451?__getOwnPropDesc$2(_0x5742cd,_0x4a7150):_0x5742cd,_0x149359=_0x5c0df8[_0x14c3f3(0x120)]-0x1,_0x11a23c;_0x149359>=0x0;_0x149359--)(_0x11a23c=_0x5c0df8[_0x149359])&&(_0xa8fd0a=(_0x13a451?_0x11a23c(_0x5742cd,_0x4a7150,_0xa8fd0a):_0x11a23c(_0xa8fd0a))\|\|_0xa8fd0a);return _0x13a451&&_0xa8fd0a&&__defProp$2(_0x5742cd,_0x4a7150,_0xa8fd0a),_0xa8fd0a;},_0x1a748f(0x2a2)),__decorateParam$2=__name((_0x5882af,_0x39ef0f)=>(_0x5b9cb2,_0x406f56)=>_0x39ef0f(_0x5b9cb2,_0x406f56,_0x5882af),'__decorateParam$2'),_a4;let ImageCropperController=(_a4=class extends core[_0x1a748f(0x258)]{constructor(_0xc2a01a,_0x2bbd26,_0x3c05af,_0x31c79b,_0x1a7c70,_0x14e04f){const _0x24df2e=_0x1a748f;super(),__publicField(this,_0x24df2e(0x297),new WeakSet()),(this[_0x24df2e(0x1c1)]=_0xc2a01a,this[_0x24df2e(0x1ba)]=_0x2bbd26,this[_0x24df2e(0x17d)]=_0x3c05af,this[_0x24df2e(0x1c4)]=_0x31c79b,this[_0x24df2e(0x2ef)]=_0x1a7c70,this[_0x24df2e(0x30b)]=_0x14e04f,this[_0x24df2e(0x2b7)]());}[_0x1a748f(0x2b7)](){const _0x21a519=_0x1a748f;this[_0x21a519(0x191)](),this[_0x21a519(0x2fe)](),this[_0x21a519(0x228)]();}[_0x1a748f(0x228)](){const _0x3066a6=_0x1a748f;this[_0x3066a6(0x166)](this[_0x3066a6(0x1c1)]['onCommandExecuted'](_0x3e815b=>{const _0x330443=_0x3066a6;if(_0x3e815b['id']!==AutoImageCropOperation['id'])return;const _0x2263aa=_0x3e815b[_0x330443(0x190)];if(_0x2263aa==null)return;const {cropType:_0x24c40e}=_0x2263aa,_0x2b01de=this['_drawingManagerService']['getFocusDrawings']();if(_0x2b01de[_0x330443(0x120)]!==0x1)return;const _0x469eca=_0x2b01de[0x0],{unitId:_0x329f60,subUnitId:_0x17b279,drawingId:_0x4a6d00}=_0x469eca,_0x2ac36f=this[_0x330443(0x17d)]['getRenderById'](_0x329f60),_0x5d2a11=_0x2ac36f==null?void 0x0:_0x2ac36f[_0x330443(0x144)];if(_0x5d2a11==null)return!0x0;this[_0x330443(0x24a)](_0x5d2a11)!=null&&this[_0x330443(0x1c1)][_0x330443(0x17f)](CloseImageCropOperation['id'],{'isAuto':!0x0});const _0xf42ea3=drawing[_0x330443(0x2cc)]({'unitId':_0x329f60,'subUnitId':_0x17b279,'drawingId':_0x4a6d00}),_0x72b420=_0x5d2a11[_0x330443(0x12d)](_0xf42ea3);if(!(_0x72b420 instanceof engineRender['Image'])){this[_0x330443(0x2ef)][_0x330443(0x2d1)]({'type':design['MessageType'][_0x330443(0x237)],'content':this[_0x330443(0x30b)]['t']('image-cropper.error')});return;}_0x72b420!=null&&(this[_0x330443(0x308)](_0x24c40e,_0x72b420),this[_0x330443(0x1c1)]['executeCommand'](OpenImageCropOperation['id'],{'unitId':_0x329f60,'subUnitId':_0x17b279,'drawingId':_0x4a6d00}));}));}[_0x1a748f(0x2db)](_0x2b3847,_0x3f987c,_0x4a35da,_0x2612c0,_0xc47d3c,_0x8a047){const _0x194ea7=_0x1a748f,_0x5e66fe=_0x4a35da/_0x2612c0,_0x43704c=_0xc47d3c/_0x8a047;let _0x3229a8=_0x4a35da,_0x51fb90=_0x2612c0;_0x5e66fe>_0x43704c?_0x3229a8=_0x2612c0_0x43704c:_0x51fb90=_0x4a35da/_0x43704c;const _0x3a1ca7=(_0x4a35da-_0x3229a8)/0x2,_0x5783bc=(_0x2612c0-_0x51fb90)/0x2;return{'left':engineRender['precisionTo'](_0x3a1ca7,0x1),'top':engineRender[_0x194ea7(0x23d)](_0x5783bc,0x1),'right':engineRender[_0x194ea7(0x23d)](_0x4a35da-(_0x3a1ca7+_0x3229a8),0x1),'bottom':engineRender[_0x194ea7(0x23d)](_0x2612c0-(_0x5783bc+_0x51fb90),0x1)};}[_0x1a748f(0x308)](_0x4c4fce,_0x480877){const _0x5b5102=_0x1a748f,{left:_0x3d1719,top:_0x4c66ab,width:_0x93391a,height:_0x3d9778}=_0x480877['calculateTransformWithSrcRect']();let _0x31af7a;switch(_0x4c4fce){case CropType['R1_1']:_0x31af7a=this[_0x5b5102(0x2db)](_0x3d1719,_0x4c66ab,_0x93391a,_0x3d9778,0x1,0x1);break;case CropType[_0x5b5102(0x2b1)]:_0x31af7a=this[_0x5b5102(0x2db)](_0x3d1719,_0x4c66ab,_0x93391a,_0x3d9778,0x10,0x9);break;case CropType['R9_16']:_0x31af7a=this[_0x5b5102(0x2db)](_0x3d1719,_0x4c66ab,_0x93391a,_0x3d9778,0x9,0x10);break;case CropType[_0x5b5102(0x1da)]:_0x31af7a=this[_0x5b5102(0x2db)](_0x3d1719,_0x4c66ab,_0x93391a,_0x3d9778,0x5,0x4);break;case CropType[_0x5b5102(0x199)]:_0x31af7a=this[_0x5b5102(0x2db)](_0x3d1719,_0x4c66ab,_0x93391a,_0x3d9778,0x4,0x5);break;case CropType[_0x5b5102(0x12b)]:_0x31af7a=this[_0x5b5102(0x2db)](_0x3d1719,_0x4c66ab,_0x93391a,_0x3d9778,0x4,0x3);break;case CropType[_0x5b5102(0x220)]:_0x31af7a=this[_0x5b5102(0x2db)](_0x3d1719,_0x4c66ab,_0x93391a,_0x3d9778,0x3,0x4);break;case CropType[_0x5b5102(0x290)]:_0x31af7a=this[_0x5b5102(0x2db)](_0x3d1719,_0x4c66ab,_0x93391a,_0x3d9778,0x3,0x2);break;case CropType[_0x5b5102(0x1d8)]:_0x31af7a=this[_0x5b5102(0x2db)](_0x3d1719,_0x4c66ab,_0x93391a,_0x3d9778,0x2,0x3);break;case CropType['FREE']:}if(_0x31af7a==null)return;_0x480877[_0x5b5102(0x19b)](_0x31af7a);const {left:_0x322682=0x0,top:_0x2df32b=0x0,bottom:_0x281488=0x0,right:_0x13c87a=0x0}=_0x31af7a;_0x480877['transformByStateCloseCropper']({'left':_0x3d1719+_0x322682,'top':_0x4c66ab+_0x2df32b,'width':_0x93391a-_0x13c87a-_0x322682,'height':_0x3d9778-_0x281488-_0x2df32b});}[_0x1a748f(0x191)](){const _0x4597b2=_0x1a748f;this[_0x4597b2(0x166)](this[_0x4597b2(0x1c1)][_0x4597b2(0x2ab)](_0x35fd7f=>{const _0x160348=_0x4597b2;if(_0x35fd7f['id']!==OpenImageCropOperation['id'])return;const _0x1e6d59=_0x35fd7f['params'];if(_0x1e6d59==null)return;const {unitId:_0x36152d,subUnitId:_0x5d92a1,drawingId:_0x10bbec}=_0x1e6d59,_0x37d963=this[_0x160348(0x17d)]['getRenderById'](_0x36152d),_0x221329=_0x37d963==null?void 0x0:_0x37d963[_0x160348(0x144)];if(_0x221329==null)return!0x0;if(this['_sceneListenerOnImageMap']['has'](_0x221329)\|\|(this[_0x160348(0x268)](_0x221329),this[_0x160348(0x297)]['add'](_0x221329)),this[_0x160348(0x1ba)]['getDrawingByParam']({'unitId':_0x36152d,'subUnitId':_0x5d92a1,'drawingId':_0x10bbec})==null)return;const _0x385b82=drawing['getDrawingShapeKeyByDrawingSearch']({'unitId':_0x36152d,'subUnitId':_0x5d92a1,'drawingId':_0x10bbec}),_0x87eed7=_0x221329[_0x160348(0x12d)](_0x385b82);if(_0x87eed7==null)return;if(!(_0x87eed7 instanceof engineRender[_0x160348(0x23a)])){this['_messageService'][_0x160348(0x2d1)]({'type':design[_0x160348(0x2c0)][_0x160348(0x237)],'content':this[_0x160348(0x30b)]['t'](_0x160348(0x284))});return;}const _0x35056a=_0x221329[_0x160348(0x1eb)]();_0x35056a==null\|\|_0x35056a[_0x160348(0x20b)]();const _0x15f91e=new ImageCropperObject(_0x385b82+'-crop',{'srcRect':_0x87eed7[_0x160348(0x22e)],'prstGeom':_0x87eed7[_0x160348(0x21b)],'applyTransform':_0x87eed7[_0x160348(0x2d2)]()});_0x221329[_0x160348(0x252)](_0x15f91e,_0x87eed7[_0x160348(0x1bb)]()+0x1)['attachTransformerTo'](_0x15f91e),_0x35056a==null\|\|_0x35056a['createControlForCopper'](_0x15f91e),this['_addHoverForImageCopper'](_0x15f91e),_0x87eed7['openRenderByCropper'](),_0x35056a==null\|\|_0x35056a['refreshControls'](),_0x15f91e[_0x160348(0x1ab)](!0x0),this[_0x160348(0x1ba)][_0x160348(0x204)]([{'unitId':_0x36152d,'subUnitId':_0x5d92a1,'drawingId':_0x10bbec}]);}));}[_0x1a748f(0x24a)](_0x355c06){const _0xac1972=_0x1a748f,_0x176b34=_0x355c06[_0xac1972(0x1e0)]();for(const _0x5dbfe1 of _0x176b34)if(_0x5dbfe1 instanceof ImageCropperObject)return _0x5dbfe1;}['_initCloseCrop'](){const _0x757cb0=_0x1a748f;this[_0x757cb0(0x166)](this[_0x757cb0(0x1c1)][_0x757cb0(0x2ab)](_0x27ff76=>{const _0x1f30c6=_0x757cb0;if(_0x27ff76['id']!==CloseImageCropOperation['id'])return;const _0x1dcfd9=this[_0x1f30c6(0x1c4)][_0x1f30c6(0x2d0)]();if(_0x1dcfd9==null)return;const _0x3b1369=_0x1dcfd9[_0x1f30c6(0x2a5)](),_0x2e6cf4=this['_renderManagerService'][_0x1f30c6(0x1db)](_0x3b1369),_0x53bdf9=_0x2e6cf4==null?void 0x0:_0x2e6cf4[_0x1f30c6(0x144)];if(_0x53bdf9==null)return!0x0;const _0x2c0a71=this['_searchCropObject'](_0x53bdf9);if(_0x2c0a71==null)return;const _0xfdd75=this[_0x1f30c6(0x1df)](_0x2c0a71);if(_0xfdd75==null)return;const _0x27ba9a=_0x53bdf9['getTransformerByCreate']();_0x27ba9a['detachFrom'](_0x2c0a71),_0x27ba9a[_0x1f30c6(0x1a9)]();const _0x591d8e=this[_0x1f30c6(0x2c3)](_0xfdd75,_0x2c0a71),_0x514ae0=this['_drawingManagerService'][_0x1f30c6(0x305)](_0xfdd75['oKey']);if(_0x514ae0!=null){const {left:_0x956f5b,top:_0x6e1c10,height:_0x365658,width:_0x3ff2ae}=_0x2c0a71;this[_0x1f30c6(0x1ba)][_0x1f30c6(0x225)]([{..._0x514ae0,'transform':{..._0x514ae0[_0x1f30c6(0x174)],'left':_0x956f5b,'top':_0x6e1c10,'height':_0x365658,'width':_0x3ff2ae},'srcRect':_0x591d8e[_0x1f30c6(0x14a)]}]);}_0xfdd75[_0x1f30c6(0x19b)]({..._0x591d8e['srcRectAngle']}),_0xfdd75[_0x1f30c6(0x27d)](),_0xfdd75[_0x1f30c6(0x1ab)](!0x0),_0x2c0a71==null\|\|_0x2c0a71['dispose']();}));const _0x26e226=this[_0x757cb0(0x1c4)][_0x757cb0(0x1cc)](core[_0x757cb0(0x277)]['UNIVER_SHEET'])[_0x757cb0(0x194)](rxjs[_0x757cb0(0x229)](_0x1a8d6a=>!!_0x1a8d6a),rxjs[_0x757cb0(0x20c)](_0xc4483e=>_0xc4483e[_0x757cb0(0x11c)]));this[_0x757cb0(0x166)](_0x26e226[_0x757cb0(0x2f8)](()=>{const _0x193696=_0x757cb0;this[_0x193696(0x1c1)][_0x193696(0x17f)](CloseImageCropOperation['id']);}));}[_0x1a748f(0x1df)](_0x1e495a){const _0x303749=_0x1a748f,_0x440c2f=_0x1e495a['oKey'],_0x34d9cf=_0x440c2f[_0x303749(0x276)](0x0,_0x440c2f[_0x303749(0x120)]-0x5),_0x100b71=_0x1e495a[_0x303749(0x18d)]();if(!_0x100b71)return null;const _0x431dbf=_0x100b71[_0x303749(0x12d)](_0x34d9cf);return _0x431dbf==null?null:_0x431dbf;}[_0x1a748f(0x268)](_0x4c688c){const _0x430b85=_0x1a748f,_0x5eeafc=_0x4c688c[_0x430b85(0x145)]();let _0x3800fc=null;this[_0x430b85(0x166)](_0x5eeafc[_0x430b85(0x1c0)][_0x430b85(0x2f8)](_0x52e6d1=>{const _0x3e09b6=_0x430b85,{objects:_0x5ae10a}=_0x52e6d1,_0xed7b0b=_0x5ae10a['values']()['next']()[_0x3e09b6(0x18a)];if(_0xed7b0b==null\|\|!(_0xed7b0b instanceof ImageCropperObject))return;const {left:_0x1ee836,top:_0xc34200,height:_0x45b3b7,width:_0x196785,angle:_0x218818}=_0xed7b0b;_0x3800fc={'left':_0x1ee836,'top':_0xc34200,'height':_0x45b3b7,'width':_0x196785,'angle':_0x218818},_0x5eeafc[_0x3e09b6(0x1a9)]();})),this['disposeWithMe'](_0x5eeafc[_0x430b85(0x28b)][_0x430b85(0x2f8)](_0x306653=>{const _0x1553a3=_0x430b85,{objects:_0x3f62b6}=_0x306653,_0x5275c5=_0x3f62b6[_0x1553a3(0x196)]()[_0x1553a3(0x1b2)]()['value'];if(_0x5275c5==null\|\|!(_0x5275c5 instanceof ImageCropperObject))return;const {left:_0x112d08,top:_0x5ab2ae,height:_0x160b19,width:_0x2cece0,angle:_0xfc4e24}=_0x5275c5;if(!core['checkIfMove']({'left':_0x112d08,'top':_0x5ab2ae,'height':_0x160b19,'width':_0x2cece0,'angle':_0xfc4e24},_0x3800fc))return;const _0x4e13b4=this[_0x1553a3(0x1df)](_0x5275c5);if(_0x4e13b4==null)return;const _0x37bb81=this[_0x1553a3(0x2c3)](_0x4e13b4,_0x5275c5);_0x5275c5[_0x1553a3(0x29a)](_0x37bb81['srcRect'],_0x4e13b4[_0x1553a3(0x1d9)]()),_0x5eeafc[_0x1553a3(0x14f)](_0x5275c5);})),this[_0x430b85(0x112)](_0x4c688c);}[_0x1a748f(0x1d5)](_0x2e9125){const _0xf7db0b=_0x1a748f;this[_0xf7db0b(0x166)](_0x2e9125[_0xf7db0b(0x230)][_0xf7db0b(0x239)](()=>{const _0x482c75=_0xf7db0b;_0x2e9125[_0x482c75(0x23c)]=engineRender['CURSOR_TYPE'][_0x482c75(0x111)];})),this['disposeWithMe'](_0x2e9125['onPointerLeave$'][_0xf7db0b(0x239)](()=>{const _0x281343=_0xf7db0b;_0x2e9125[_0x281343(0x23c)]=engineRender[_0x281343(0x16e)]['DEFAULT'];}));}['_endCropListener'](_0x57503a){const _0x3eca43=_0x1a748f,_0x4fe7c0=_0x57503a['getTransformerByCreate']();this[_0x3eca43(0x166)](_0x4fe7c0[_0x3eca43(0x2ea)][_0x3eca43(0x2f8)](_0x5c93b4=>{_0x5c93b4===!0x0&&this['_commandService']['syncExecuteCommand'](CloseImageCropOperation['id']);}));}[_0x1a748f(0x2c3)](_0x278bed,_0x14a1b0){const _0x5cb721=_0x1a748f,{left:_0x37ac67,top:_0x4a056c,height:_0x3986b1,width:_0x1ea36c,strokeWidth:_0x364369,angle:_0x3ec419}=_0x14a1b0,{left:_0x15708c,top:_0x4c1012,width:_0x3e9d91,height:_0x1e5b36,angle:_0xb24c9a,strokeWidth:_0x272c65}=_0x278bed,_0x2cf0a6=_0x37ac67-_0x15708c,_0xe403df=_0x4a056c-_0x4c1012,_0x369101={'left':_0x2cf0a6,'top':_0xe403df,'right':_0x3e9d91-_0x2cf0a6-_0x1ea36c,'bottom':_0x1e5b36-_0xe403df-_0x3986b1},_0x429a38={..._0x369101};if(_0xb24c9a!==0x0){const _0x125acb=_0x37ac67+_0x1ea36c/0x2,_0x48a077=_0x4a056c+_0x3986b1/0x2,_0x37b56a=new engineRender[(_0x5cb721(0x1f2))](_0x125acb,_0x48a077),_0x67a27c=_0x3e9d91/0x2+_0x15708c,_0x1ed226=_0x1e5b36/0x2+_0x4c1012,_0x3660b3=new engineRender[(_0x5cb721(0x1f2))](_0x67a27c,_0x1ed226),_0x1677c2=new engineRender[(_0x5cb721(0x1f2))](_0x15708c,_0x4c1012);_0x1677c2[_0x5cb721(0x169)](engineRender[_0x5cb721(0x16c)](_0xb24c9a),_0x3660b3);const _0x5899a5=_0x1677c2[_0x5cb721(0x180)]();_0x5899a5[_0x5cb721(0x169)](engineRender['degToRad'](-_0xb24c9a),_0x37b56a);const _0xc7f2f5=_0x37ac67-_0x5899a5['x'],_0x5d0e95=_0x4a056c-_0x5899a5['y'];_0x429a38[_0x5cb721(0x1a5)]=_0xc7f2f5,_0x429a38[_0x5cb721(0x1cb)]=_0x5d0e95,_0x429a38['right']=_0x3e9d91-_0xc7f2f5-_0x1ea36c,_0x429a38[_0x5cb721(0x259)]=_0x1e5b36-_0x5d0e95-_0x3986b1;}return{'srcRect':_0x369101,'srcRectAngle':_0x429a38};}},__name(_a4,_0x1a748f(0x2df)),_a4);ImageCropperController=__decorateClass$2([__decorateParam$2(0x0,core[_0x1a748f(0x1e4)]),__decorateParam$2(0x1,drawing[_0x1a748f(0x156)]),__decorateParam$2(0x2,engineRender[_0x1a748f(0x1e5)]),__decorateParam$2(0x3,core[_0x1a748f(0x304)]),__decorateParam$2(0x4,ui['IMessageService']),__decorateParam$2(0x5,core[_0x1a748f(0x1e6)](core[_0x1a748f(0x136)]))],ImageCropperController);var __defProp$1=Object[_0x1a748f(0x122)],__getOwnPropDesc$1=Object['getOwnPropertyDescriptor'],__decorateClass$1=__name((_0x579ac2,_0x8d09e,_0x572f61,_0x189422)=>{const _0x1eba85=_0x1a748f;for(var _0x554285=_0x189422>0x1?void 0x0:_0x189422?__getOwnPropDesc$1(_0x8d09e,_0x572f61):_0x8d09e,_0x167b72=_0x579ac2[_0x1eba85(0x120)]-0x1,_0x53fef7;_0x167b72>=0x0;_0x167b72--)(_0x53fef7=_0x579ac2[_0x167b72])&&(_0x554285=(_0x189422?_0x53fef7(_0x8d09e,_0x572f61,_0x554285):_0x53fef7(_0x554285))\|\|_0x554285);return _0x189422&&_0x554285&&__defProp$1(_0x8d09e,_0x572f61,_0x554285),_0x554285;},_0x1a748f(0x110)),__decorateParam$1=__name((_0x15691c,_0x3c2a94)=>(_0x248236,_0x1f9459)=>_0x3c2a94(_0x248236,_0x1f9459,_0x15691c),_0x1a748f(0x1ee));const IMAGE_VIEWER_DROPDOWN_PADDING=0x32;var _a5;let ImageUpdateController=(_a5=class extends core[_0x1a748f(0x258)]{constructor(_0x23ae2a,_0x2dcdeb,_0x417335,_0x42a0a5,_0x518514,_0x1d3159,_0x15339d){const _0x22475d=_0x1a748f;super(),this['_commandService']=_0x23ae2a,this[_0x22475d(0x17d)]=_0x2dcdeb,this[_0x22475d(0x1ba)]=_0x417335,this['_dialogService']=_0x42a0a5,this[_0x22475d(0x1cd)]=_0x518514,this[_0x22475d(0x14d)]=_0x1d3159,this[_0x22475d(0x1e2)]=_0x15339d,this[_0x22475d(0x235)]();}[_0x1a748f(0x20e)](){const _0x4b80f5=_0x1a748f;super[_0x4b80f5(0x20e)]();}[_0x1a748f(0x235)](){const _0x13739b=_0x1a748f;this[_0x13739b(0x2cf)](),this[_0x13739b(0x274)](),this[_0x13739b(0x28a)]();}[_0x1a748f(0x274)](){const _0x5a13a2=_0x1a748f;this[_0x5a13a2(0x166)](this[_0x5a13a2(0x1c1)]['onCommandExecuted'](_0x34dc5e=>{const _0x50949f=_0x5a13a2;if(_0x34dc5e['id']===ImageResetSizeOperation['id']){const _0x388598=_0x34dc5e[_0x50949f(0x190)];if(_0x388598==null)return;this[_0x50949f(0x25a)](_0x388598);}}));}[_0x1a748f(0x1c8)](_0x24042a){const _0x36508c=_0x1a748f;if(_0x24042a==null)return;const _0x24fbb3=this[_0x36508c(0x17d)]['getRenderById'](_0x24042a),_0x1fd844=_0x24fbb3==null?void 0x0:_0x24fbb3['scene'];if(_0x1fd844==null)return null;const _0x4eba6f=_0x1fd844[_0x36508c(0x145)]();return{'scene':_0x1fd844,'transformer':_0x4eba6f};}[_0x1a748f(0x25a)](_0x399f62){const _0x273bab=_0x1a748f,_0x151f09=[],_0x37e798=[];_0x399f62[_0x273bab(0x2d7)](_0x4fb2cd=>{const _0x48b929=_0x273bab,{unitId:_0x4a2ccc,subUnitId:_0x1ab233,drawingId:_0x56c994}=_0x4fb2cd,_0xc9126e=this['_getSceneAndTransformerByDrawingSearch'](_0x4a2ccc);if(_0xc9126e==null)return;const {scene:_0x5d02eb}=_0xc9126e,_0x4188b7=drawing[_0x48b929(0x2cc)]({'unitId':_0x4a2ccc,'subUnitId':_0x1ab233,'drawingId':_0x56c994}),_0x5af550=_0x5d02eb['getObject'](_0x4188b7);if(_0x5af550==null)return!0x0;const _0x4c470e=this[_0x48b929(0x1ba)][_0x48b929(0x163)](_0x4fb2cd);if(_0x4c470e==null)return!0x0;if(_0x4c470e[_0x48b929(0x22c)]!==drawing[_0x48b929(0x263)][_0x48b929(0x1aa)])return;_0x5af550[_0x48b929(0x241)]();const {width:_0x26fa99,height:_0x365cae}=_0x5af550['getNativeSize']();_0x37e798[_0x48b929(0x1bd)](_0x5d02eb)===!0x1&&_0x37e798[_0x48b929(0x18b)](_0x5d02eb),_0x151f09[_0x48b929(0x18b)]({..._0x4c470e,'transform':{..._0x4c470e['transform'],'height':_0x365cae,'width':_0x26fa99,'angle':0x0},'srcRect':null,'prstGeom':null});}),this[_0x273bab(0x1ba)][_0x273bab(0x225)](_0x151f09),_0x37e798['forEach'](_0x3d7a59=>{const _0x52bb57=_0x273bab;_0x3d7a59[_0x52bb57(0x145)]()[_0x52bb57(0x313)]()[_0x52bb57(0x27e)]();}),this[_0x273bab(0x1ba)][_0x273bab(0x204)](_0x399f62);}[_0x1a748f(0x2cf)](){const _0x179bb9=_0x1a748f;this[_0x179bb9(0x166)](this['_drawingManagerService']['add$'][_0x179bb9(0x2f8)](_0x38f88d=>{const _0x4dbf96=_0x179bb9;this[_0x4dbf96(0x2f3)](_0x38f88d);}));}[_0x1a748f(0x2f3)](_0x1c0992){_0x1c0992['forEach'](async _0x21bd82=>{const _0x59d494=_0x3d64;var _0x3cd081;const {unitId:_0x536dd2,subUnitId:_0x517236,drawingId:_0x2ce0d0}=_0x21bd82,_0x2f64c1=this[_0x59d494(0x1c8)](_0x536dd2),_0x5962fa=(_0x3cd081=getCurrentUnitInfo(this['_currentUniverService'],_0x536dd2))==null?void 0x0:_0x3cd081[_0x59d494(0x178)];if(_0x2f64c1==null\|\|_0x5962fa!==_0x517236)return;const _0x482fa4=this[_0x59d494(0x1ba)][_0x59d494(0x163)](_0x21bd82);if(_0x482fa4==null)return;const _0x592fe6=await this[_0x59d494(0x1e2)][_0x59d494(0x138)](_0x482fa4,_0x2f64c1[_0x59d494(0x144)]);if(!(_0x592fe6==null\|\|_0x592fe6[_0x59d494(0x120)]===0x0)){for(const _0x1111a0 of _0x592fe6)this[_0x59d494(0x2e6)](_0x1111a0),this['_addDialogForImage'](_0x1111a0);}});}[_0x1a748f(0x28a)](){const _0x30f383=_0x1a748f;this['disposeWithMe'](this['_drawingManagerService'][_0x30f383(0x2c9)]['subscribe'](_0x55a33a=>{_0x55a33a['forEach'](_0x5374a2=>{const _0x3df59f=_0x3d64,{unitId:_0x2135b9,subUnitId:_0x449cd7,drawingId:_0x40e943}=_0x5374a2,_0x4e94c8=this[_0x3df59f(0x1ba)][_0x3df59f(0x163)](_0x5374a2);if(_0x4e94c8==null)return;const {transform:_0x3f9169,drawingType:_0x38ddde,srcRect:_0x49ae59,prstGeom:_0x3adece,source:_0x4c25d2,imageSourceType:_0x367e8b}=_0x4e94c8;if(_0x38ddde!==drawing[_0x3df59f(0x263)][_0x3df59f(0x1aa)])return;const _0x537ab6=this[_0x3df59f(0x1c8)](_0x2135b9);if(_0x537ab6==null)return;const {scene:_0x41b840,transformer:_0x1a8658}=_0x537ab6;if(_0x3f9169==null)return!0x0;const _0xff7719=drawing[_0x3df59f(0x2cc)]({'unitId':_0x2135b9,'subUnitId':_0x449cd7,'drawingId':_0x40e943}),_0x35f74a=_0x41b840[_0x3df59f(0x12d)](_0xff7719);if(_0x35f74a==null)return!0x0;_0x35f74a[_0x3df59f(0x19b)](_0x49ae59),_0x35f74a['setPrstGeom'](_0x3adece);});}));}[_0x1a748f(0x2e6)](_0x478c7b){const _0x3e0ee6=_0x1a748f;this[_0x3e0ee6(0x166)](core[_0x3e0ee6(0x119)](_0x478c7b[_0x3e0ee6(0x230)]['subscribeEvent'](()=>{_0x478c7b['cursor']=engineRender['CURSOR_TYPE']['GRAB'];}))),this[_0x3e0ee6(0x166)](core['toDisposable'](_0x478c7b[_0x3e0ee6(0x2f1)]['subscribeEvent'](()=>{const _0x562bff=_0x3e0ee6;_0x478c7b[_0x562bff(0x23c)]=engineRender['CURSOR_TYPE'][_0x562bff(0x15a)];})));}[_0x1a748f(0x13e)](_0x5bfeb2){const _0x4dc1ba=_0x1a748f;this['disposeWithMe'](core[_0x4dc1ba(0x119)](_0x5bfeb2[_0x4dc1ba(0x21f)][_0x4dc1ba(0x239)](()=>{const _0x301fa2=_0x4dc1ba;var _0x387ea5;const _0x2a9de3=_0x5bfeb2['oKey']+_0x301fa2(0x2e4),_0x42e8e7=_0x5bfeb2[_0x301fa2(0x287)](),_0x55840f=window['innerWidth']-IMAGE_VIEWER_DROPDOWN_PADDING,_0x3ef6af=window[_0x301fa2(0x29e)]-IMAGE_VIEWER_DROPDOWN_PADDING,_0xbb0075=this[_0x301fa2(0x134)](_0x42e8e7[_0x301fa2(0x164)],_0x42e8e7[_0x301fa2(0x11f)],_0x55840f,_0x3ef6af),_0xbab020=this['_dialogService'][_0x301fa2(0x309)]({'width':_0xbb0075[_0x301fa2(0x164)],'id':_0x2a9de3,'style':{'margin':'0','top':_0x301fa2(0x189),'left':_0x301fa2(0x189),'transform':_0x301fa2(0x15b)},'children':{'label':{'name':COMPONENT_IMAGE_VIEWER,'props':{'src':(_0x387ea5=_0x5bfeb2[_0x301fa2(0x246)]())==null?void 0x0:_0x387ea5[_0x301fa2(0x2e3)],'width':_0xbb0075[_0x301fa2(0x164)],'height':_0xbb0075[_0x301fa2(0x11f)]}}},'destroyOnClose':!0x0,'draggable':!0x1,'onClose':__name(()=>{const _0x39297d=_0x301fa2;this[_0x39297d(0x306)][_0x39297d(0x2b0)](_0x2a9de3),_0xbab020[_0x39297d(0x20e)]();},_0x301fa2(0x303))});})));}[_0x1a748f(0x134)](_0x340f17,_0x24d820,_0x2a3d95,_0x46616a){const _0x16d49e=_0x1a748f;if(_0x340f17<=_0x2a3d95&&_0x24d820<=_0x46616a)return{'width':_0x340f17,'height':_0x24d820};const _0x59d8b2=_0x2a3d95/_0x340f17,_0x16b661=_0x46616a/_0x24d820,_0x2e81f6=Math[_0x16d49e(0x1c2)](_0x59d8b2,_0x16b661);return{'width':Math[_0x16d49e(0x1ff)](_0x340f17_0x2e81f6),'height':Math[_0x16d49e(0x1ff)](_0x24d820_0x2e81f6)};}},__name(_a5,_0x1a748f(0x177)),_a5);ImageUpdateController=__decorateClass$1([__decorateParam$1(0x0,core[_0x1a748f(0x1e4)]),__decorateParam$1(0x1,engineRender[_0x1a748f(0x1e5)]),__decorateParam$1(0x2,drawing[_0x1a748f(0x156)]),__decorateParam$1(0x3,ui[_0x1a748f(0x193)]),__decorateParam$1(0x4,drawing[_0x1a748f(0x2ec)]),__decorateParam$1(0x5,core[_0x1a748f(0x304)]),__decorateParam$1(0x6,core[_0x1a748f(0x1e6)](exports[_0x1a748f(0x205)]))],ImageUpdateController);var __defProp2=Object[_0x1a748f(0x122)],__getOwnPropDesc=Object['getOwnPropertyDescriptor'],__decorateClass=__name((_0x409777,_0x36623f,_0x1baeab,_0x2a16ed)=>{for(var _0x2f84ef=_0x2a16ed>0x1?void 0x0:_0x2a16ed?__getOwnPropDesc(_0x36623f,_0x1baeab):_0x36623f,_0x537e43=_0x409777['length']-0x1,_0x25ce1e;_0x537e43>=0x0;_0x537e43--)(_0x25ce1e=_0x409777[_0x537e43])&&(_0x2f84ef=(_0x2a16ed?_0x25ce1e(_0x36623f,_0x1baeab,_0x2f84ef):_0x25ce1e(_0x2f84ef))\|\|_0x2f84ef);return _0x2a16ed&&_0x2f84ef&&__defProp2(_0x36623f,_0x1baeab,_0x2f84ef),_0x2f84ef;},_0x1a748f(0x1ad)),__decorateParam=__name((_0x128298,_0x5a0d0c)=>(_0x23fa8d,_0x472188)=>_0x5a0d0c(_0x23fa8d,_0x472188,_0x128298),'__decorateParam');const PLUGIN_NAME='UNIVER_DRAWING_UI_PLUGIN';var _a6;exports[_0x1a748f(0x187)]=(_a6=class extends core[_0x1a748f(0x1f7)]{constructor(_0x298018=defaultPluginConfig,_0x170222,_0x4907c9){const _0x109d07=_0x1a748f;super(),this['_config']=_0x298018,this[_0x109d07(0x2fb)]=_0x170222,this[_0x109d07(0x16b)]=_0x4907c9;const {menu:_0x37077d,..._0x6345bb}=this[_0x109d07(0x192)];_0x37077d&&this[_0x109d07(0x16b)][_0x109d07(0x1b1)](_0x109d07(0x1ef),_0x37077d,{'merge':!0x0}),this[_0x109d07(0x16b)][_0x109d07(0x1b1)](PLUGIN_CONFIG_KEY,_0x6345bb);}[_0x1a748f(0x12f)](){this['_initDependencies']();}[_0x1a748f(0x155)](){const _0x335d05=_0x1a748f;this['_injector'][_0x335d05(0x1ec)](DrawingUIController),this[_0x335d05(0x2fb)][_0x335d05(0x1ec)](DrawingUpdateController),this[_0x335d05(0x2fb)][_0x335d05(0x1ec)](ImageCropperController),this[_0x335d05(0x2fb)][_0x335d05(0x1ec)](ImageUpdateController);}['_initDependencies'](){const _0x37a6d3=_0x1a748f;[[exports[_0x37a6d3(0x205)]],[DrawingUpdateController],[DrawingUIController],[ImageCropperController],[ImageUpdateController]][_0x37a6d3(0x2d7)](_0x7dc715=>this[_0x37a6d3(0x2fb)][_0x37a6d3(0x2fc)](_0x7dc715));}},__name(_a6,'UniverDrawingUIPlugin'),__publicField(_a6,_0x1a748f(0x2c8),PLUGIN_NAME),_a6),exports[_0x1a748f(0x187)]=__decorateClass([__decorateParam(0x1,core[_0x1a748f(0x1e6)](core[_0x1a748f(0x1a0)])),__decorateParam(0x2,core[_0x1a748f(0x1a7)])],exports['UniverDrawingUIPlugin']),exports['AutoImageCropOperation']=AutoImageCropOperation,exports[_0x1a748f(0x28d)]=COMPONENT_IMAGE_POPUP_MENU,exports['CloseImageCropOperation']=CloseImageCropOperation,exports[_0x1a748f(0x296)]=DrawingCommonPanel,exports[_0x1a748f(0x18c)]=ImageCropperObject,exports[_0x1a748f(0x181)]=ImagePopupMenu,exports['ImageResetSizeOperation']=ImageResetSizeOperation,exports['OpenImageCropOperation']=OpenImageCropOperation,exports[_0x1a748f(0x2ca)]=SetDrawingAlignOperation,exports[_0x1a748f(0x1ea)]=getUpdateParams;