@univerjs/slides-ui 0.6.10-nightly.202504161609 → 0.6.10-nightly.202504171607

package/lib/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var dt=Object.defineProperty;var ut=(r,e,t)=>e in r?dt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var P=(r,e,t)=>ut(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@univerjs/core"),b=require("@univerjs/engine-render"),K=require("@univerjs/slides"),p=require("@univerjs/ui"),u=require("react/jsx-runtime"),O=require("@univerjs/design"),E=require("react"),w=require("rxjs"),ae=require("@univerjs/docs"),M=require("@univerjs/docs-ui"),pe=require("@univerjs/drawing");var gt=Object.getOwnPropertyDescriptor,mt=(r,e,t,n)=>{for(var i=n>1?void 0:n?gt(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},Ce=(r,e)=>(t,n)=>e(t,n,r);let te=class extends o.RxDisposable{constructor(e,t,n,i){super();P(this,"_objectProvider",null);P(this,"_refreshThumb",o.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(K.ObjectProvider),this._addNewRender()}_addNewRender(){const{unitId:e,engine:t,scene:n}=this._renderContext,i=this._getCurrUnitModel();if(!i)return;const s=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),s==null||s.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});const a=new b.Viewport(K.SLIDE_KEY.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((l,h)=>{const d=l;if(d.ctrlKey){const g=Math.abs(d.deltaX);let C=g<40?.2:g<80?.4:.2;C*=d.deltaY>0?-1:1,n.scaleX<1&&(C/=2),n.scaleX+C>4?n.scale(4,4):n.scaleX+C<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else a.onMouseWheel(d,h)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),b.ScrollBar.attachTo(a);const c=this._createSlide(n);this._renderContext.mainComponent=c,this._createSlidePages(i,c),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var l;const e=(l=this._currentRender())==null?void 0:l.scene,t=e==null?void 0:e.getViewport(K.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:s}=n,{x:a,y:c}=t.transViewportScroll2ScrollValue(i,s);t.scrollToBarPos({x:a,y:c})}_currentRender(){return b.getCurrentTypeOfRenderer(o.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){const t=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE),{width:n,height:i}=e,s=t.getPageSize(),{width:a=100,height:c=100}=s,l=new b.Slide(K.SLIDE_KEY.COMPONENT,{left:(n-a)/2,top:(i-c)/2,width:a,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,t){const i=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:a=0}=i,c=new b.Rect("canvas",{left:0,top:0,width:s,height:a,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:o.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(c,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:t,height:n}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,a=(i==null?void 0:i.height)||0;return{left:(t-s)/2,top:(n-a)/2}}_thumbSceneRender(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{engine:i}=n;if(i==null)return;const{width:s,height:a}=t,{width:c=s,height:l=a}=i,h=i.getCanvas().getContext();t.renderToThumb(h,e,c/s,l/a)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let s=0,a=i.length;s<a;s++){const c=i[s];this.createPageScene(c,n[c]),this._createThumb(c)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e;const n=this._getCurrUnitModel();let i;if(t)i=n.getPage(t);else{const l=n.getPages(),h=n.getPageOrder();if(h==null||l==null)return;i=l[h[0]],t=i.id}const s=this._currentRender();if(i==null||s==null||s.mainComponent==null)return;const{id:a}=i,c=s.mainComponent;if(n.setActivePage(i),c!=null&&c.hasPage(a)){c.changePage(a);return}this.createPageScene(a,i)}createThumbs(){const t=this._getCurrUnitModel().getPageOrder(),n=this._currentRender();if(!(!t||!n)&&t.length!==0)for(let i=0,s=t.length;i<s;i++){const a=t[i];this._thumbSceneRender(a,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:s}=n,a=s,{width:c,height:l}=a,h=new b.Scene(e,a,{width:c,height:l});new b.Viewport(`PageViewer_${e}`,h,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:g,pageBackgroundFill:C}=t,f=this._objectProvider.convertToRenderObjects(g,i);if(!f||!a)return;this._addBackgroundRect(h,C),h.addObjects(f),h.initTransformer(),f.forEach(S=>{h.attachTransformerTo(S)});const _=h.getTransformer();return _==null||_.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,a)}),_==null||_.clearControl$.subscribe(()=>{this._thumbSceneRender(e,a)}),a.addPageScene(h),h}getPageRenderUnit(e){const n=this._renderContext.mainComponent.getSubScenes().get(e),{engine:i,unit:s}=this._renderContext;return{scene:n,engine:i,unit:s}}createObjectToPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;const i=this._objectProvider.convertToRenderObject(e,n);if(i)return n.addObject(i),n.attachTransformerTo(i),n.getLayer().makeDirty(),i}setObjectActiveByPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;const i=n.getTransformer();i==null||i.activeAnObject(e)}removeObjectById(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);const i=n.getTransformer();i==null||i.clearControls()}appendPage(){const e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;const{id:i}=t,s=n.mainComponent,a=this.createPageScene(i,t);s&&a&&s.addPageScene(a),e.appendPage(t),e.setActivePage(t)}};te=mt([Ce(1,o.Inject(o.Injector)),Ce(2,o.IUniverInstanceService),Ce(3,b.IRenderManagerService)],te);var ht=Object.getOwnPropertyDescriptor,vt=(r,e,t,n)=>{for(var i=n>1?void 0:n?ht(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},pt=(r,e)=>(t,n)=>e(t,n,r);exports.CanvasView=class extends o.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(te)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}};exports.CanvasView=vt([pt(0,b.IRenderManagerService)],exports.CanvasView);const Ct="slides-ui.config",Ve={},Re={id:"slide.operation.delete-element",type:o.CommandType.OPERATION,handler:(r,e)=>{if(!(e!=null&&e.id))return!1;const t=e.unitId,i=r.get(o.IUniverInstanceService).getUnit(t);if(!i)return!1;const s=i.getActivePage();return delete s.pageElements[e.id],i.updatePage(s.id,s),r.get(exports.CanvasView).removeObjectById(e.id,s.id,t),!0}};var U=function(){return U=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i])}return r},U.apply(this,arguments)},_t=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(r);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]]);return t},B=E.forwardRef(function(r,e){var t=r.icon,n=r.id,i=r.className,s=r.extend,a=_t(r,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),l=E.useRef("_".concat(It()));return He(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},U({ref:e,className:c},a),s)});function He(r,e,t,n,i){return E.createElement(r.tag,U(U({key:e},St(r,t,i)),n),(ft(r,t).children||[]).map(function(s,a){return He(s,"".concat(e,"-").concat(r.tag,"-").concat(a),t,void 0,i)}))}function St(r,e,t){var n=U({},r.attrs);t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1),r.tag==="mask"&&n.id&&(n.id=n.id+e.idSuffix),Object.entries(n).forEach(function(s){var a=s[0],c=s[1];a==="mask"&&typeof c=="string"&&(n[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var i=e.defIds;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(s){var a=s[0],c=s[1];typeof c=="string"&&(n[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function ft(r,e){var t,n=e.defIds;return!n||n.length===0?r:r.tag==="defs"&&(!((t=r.children)===null||t===void 0)&&t.length)?U(U({},r),{children:r.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?U(U({},i),{attrs:U(U({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):r}function It(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var bt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},Fe=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"add-image-single",ref:e,icon:bt}))});Fe.displayName="AddImageSingle";var Et={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"}}]},We=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"autofill",ref:e,icon:Et}))});We.displayName="Autofill";var xt={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"}}]},ze=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"bottom-single",ref:e,icon:xt}))});ze.displayName="BottomSingle";var Pt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-single_clip0_1293_28)"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z",fillRule:"evenodd",clipRule:"evenodd"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"graph-single_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-single_clip0_1293_28"]},Ke=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"graph-single",ref:e,icon:Pt}))});Ke.displayName="GraphSingle";var Rt={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"}}]},Oe=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"more-down-single",ref:e,icon:Rt}))});Oe.displayName="MoreDownSingle";var Ot={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"}}]},ke=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"move-down-single",ref:e,icon:Ot}))});ke.displayName="MoveDownSingle";var yt={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"}}]},Ge=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"move-up-single",ref:e,icon:yt}))});Ge.displayName="MoveUpSingle";var Tt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z"}},{tag:"path",attrs:{fill:"colorChannel1",d:"M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z"}}]},Xe=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"paint-bucket",ref:e,icon:Tt}))});Xe.displayName="PaintBucket";var Dt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z"}}]},Ye=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"text-single",ref:e,icon:Dt}))});Ye.displayName="TextSingle";var jt={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"}}]},Ze=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"topmost-single",ref:e,icon:jt}))});Ze.displayName="TopmostSingle";const L={id:"slide.operation.update-element",type:o.CommandType.OPERATION,handler:(r,e)=>{const{oKey:t,props:n}=e,i=r.get(o.IUniverInstanceService),s=e==null?void 0:e.unitId,a=i.getUnit(s);if(!a)return!1;const c=a.getActivePage();return c.pageElements[t]=o.Tools.deepMerge(c.pageElements[t],n),a.updatePage(c.id,c),!0}},Mt="univer-image-common-panel-grid",Ut="univer-image-common-panel-border",wt="univer-image-common-panel-title",Nt="univer-image-common-panel-row",Vt="univer-image-common-panel-column",Lt="univer-image-common-panel-inline",Bt="univer-image-common-panel-span2",At="univer-image-common-panel-span3",$t="univer-image-common-panel-input",m={imageCommonPanelGrid:Mt,imageCommonPanelBorder:Ut,imageCommonPanelTitle:wt,imageCommonPanelRow:Nt,imageCommonPanelColumn:Vt,imageCommonPanelInline:Lt,imageCommonPanelSpan2:Bt,imageCommonPanelSpan3:At,imageCommonPanelInput:$t};function Ht(r){const{pageId:e,unitId:t}=r,n=p.useDependency(o.LocaleService),i=p.useDependency(exports.CanvasView),s=p.useDependency(o.ICommandService),a=i.getRenderUnitByPageId(e,t),c=a==null?void 0:a.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const g=C=>{const f=c.getAllObjects(),[_,S]=f.reduce(([I,y],R)=>{const j=R.zIndex,D=j<I?j:I,N=j>y?j:y;return[D,N]},[0,0]);let v=d.zIndex;C===3?v=_-1:C===2?v=S+1:C===0?v=d.zIndex+1:C===1&&(v=d.zIndex-1),d.setProps({zIndex:v}),s.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:v}})};return u.jsxs("div",{className:m.imageCommonPanelGrid,children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.arrange.title")})})}),u.jsxs("div",{className:m.imageCommonPanelRow,children:[u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Button,{size:"small",onClick:()=>{g(0)},children:u.jsxs("span",{className:m.imageCommonPanelInline,children:[u.jsx(Ge,{}),n.t("image-panel.arrange.forward")]})})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Button,{size:"small",onClick:()=>{g(1)},children:u.jsxs("span",{className:m.imageCommonPanelInline,children:[u.jsx(ke,{}),n.t("image-panel.arrange.backward")]})})})]}),u.jsxs("div",{className:m.imageCommonPanelRow,children:[u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Button,{size:"small",onClick:()=>{g(2)},children:u.jsxs("span",{className:m.imageCommonPanelInline,children:[u.jsx(Ze,{}),n.t("image-panel.arrange.front")]})})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Button,{size:"small",onClick:()=>{g(3)},children:u.jsxs("span",{className:m.imageCommonPanelInline,children:[u.jsx(ze,{}),n.t("image-panel.arrange.back")]})})})]})]})}function Ft(r){var _,S;const{pageId:e,unitId:t}=r,n=p.useDependency(o.LocaleService),i=p.useDependency(exports.CanvasView),s=p.useDependency(o.ICommandService),a=i.getRenderUnitByPageId(e,t),c=a==null?void 0:a.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[g,C]=E.useState((S=(_=d.fill)==null?void 0:_.toString())!=null?S:"");function f(v){d==null||d.setProps({fill:v}),s.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:v}}}}}),C(v)}return u.jsx("div",{className:O.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),children:u.jsxs("div",{className:m.imageCommonPanelGrid,children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("slide.panel.fill.title")})})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Dropdown,{overlay:u.jsx("div",{className:"univer-rounded-lg univer-p-4",children:u.jsx(O.ColorPicker,{value:"#fff",onChange:f})}),children:u.jsxs("a",{className:m.uiPluginSheetsBorderPanelButton,children:[u.jsx(Xe,{extend:{colorChannel1:g!=null?g:"rgb(var(--primary-color))"}}),u.jsx("span",{className:m.uiPluginSheetsBorderPanelMoreIcon,children:u.jsx(Oe,{})})]})})})})]})})}function Wt(r){const{pageId:e,unitId:t}=r,n=p.useDependency(o.LocaleService),i=p.useDependency(exports.CanvasView),s=p.useDependency(o.ICommandService),a=i.getRenderUnitByPageId(e,t),c=a==null?void 0:a.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:g=0,height:C=0,left:f=0,top:_=0,angle:S=0}=d,[v,I]=E.useState(g),[y,R]=E.useState(C),[j,D]=E.useState(f),[N,T]=E.useState(_),[k,$]=E.useState(S),H=x=>{const{objects:J}=x,Q=J.values().next().value,{width:st=0,height:at=0,left:ot=0,top:ct=0,angle:lt=0}=Q;I(st),R(at),D(ot),T(ct),$(lt)};E.useEffect(()=>{const x=l.changeStart$.subscribe(Q=>{H(Q)}),J=l.changing$.subscribe(Q=>{H(Q)});return()=>{J.unsubscribe(),x.unsubscribe()}},[]);function A(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{width:x}}),d==null||d.resize(x,d.height),I(x),l==null||l.refreshControls())}function G(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{height:x}}),d==null||d.resize(d.width,x),R(x),l==null||l.refreshControls())}function X(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{left:x}}),d==null||d.translate(x,d.top),D(x),l==null||l.refreshControls())}function W(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{right:x}}),d==null||d.translate(d.left,x),T(x),l==null||l.refreshControls())}function ne(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{angle:x}}),d==null||d.transformByState({angle:x}),$(x),l==null||l.refreshControls())}return u.jsxs("div",{className:O.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.transform.title")})})}),u.jsxs("div",{className:m.imageCommonPanelRow,children:[u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.width")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,min:1,value:v,onChange:x=>{A(x)}})})})]})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.height")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,min:1,value:y,onChange:x=>{G(x)}})})})]})})]}),u.jsxs("div",{className:m.imageCommonPanelRow,children:[u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.x")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,precision:1,min:0,value:j,onChange:x=>{X(x)}})})})]})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.y")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,precision:1,min:0,value:N,onChange:x=>{W(x)}})})})]})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.rotate")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,precision:1,value:k,onChange:ne})})})]})})]})]})}const zt="univer-image-common-panel",Kt={imageCommonPanel:zt},oe="COMPONENT_SLIDE_SIDEBAR";function kt(){var h,d,g;const r=p.useDependency(o.IUniverInstanceService),e=p.useDependency(exports.CanvasView),t=r.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE),n=(h=t==null?void 0:t.getActivePage())==null?void 0:h.id;if(!n)return null;const s=(d=e.getRenderUnitByPageId(n,n).scene)==null?void 0:d.getTransformer();if(!s)return null;const c=s.getSelectedObjectMap().values().next().value;if(!c)return null;const l=((g=r.getFocusedUnit())==null?void 0:g.getUnitId())||"";return u.jsxs("section",{className:Kt.imageCommonPanel,children:[u.jsx(Ht,{pageId:n,unitId:l}),u.jsx(Wt,{pageId:n,unitId:l}),c.objectType===b.ObjectType.RECT&&u.jsx(Ft,{pageId:n,unitId:l})]})}const ge={id:"slide.command.insert-float-shape",type:o.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(o.ICommandService),n=(i=r.get(o.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return e.executeCommand(ye.id,{unitId:n})}},ye={id:"slide.operation.insert-float-shape",type:o.CommandType.OPERATION,handler:async(r,e)=>{const t=o.generateRandomId(6),n=r.get(o.IUniverInstanceService),i=e.unitId,s=n.getUnit(i);if(!s)return!1;const a=s.getActivePage(),c=Object.values(a.pageElements),l=c!=null&&c.length?Math.max(...c.map(C=>C.zIndex)):20,h={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:o.PageElementType.SHAPE,shape:{shapeType:o.BasicShapes.Rect,text:"",shapeProperties:{shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};a.pageElements[t]=h,s.updatePage(a.id,a);const d=r.get(exports.CanvasView),g=d.createObjectToPage(h,a.id,i);return g&&d.setObjectActiveByPage(g,a.id,i),!0}},Ie={id:"sidebar.operation.slide-shape",type:o.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(p.ISidebarService),s=r.get(o.LocaleService);let a="",c="";return n===b.ObjectType.RECT?(a="slide.sidebar.shape",c=oe):n===b.ObjectType.IMAGE?(a="slide.sidebar.image",c=oe):n===b.ObjectType.RICH_TEXT&&(a="slide.sidebar.text",c=oe),t?i.open({header:{title:s.t(a)},children:{label:c},onClose:()=>{},width:360}):i.close(),!0}},qe="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var Gt=Object.getOwnPropertyDescriptor,Xt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Gt(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},ie=(r,e)=>(t,n)=>e(t,n,r);function Yt(r,e){const t=Le(r.left,r.top,e),n=Le(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function Le(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(K.SLIDE_KEY.VIEW);if(!s)return{x:r,y:e};const{viewportScrollX:a,viewportScrollY:c}=s,l=(r-a)*n,h=(e-c)*i;return{x:l,y:h}}exports.SlideCanvasPopMangerService=class extends o.Disposable{constructor(e,t,n,i){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=i}_createObjectPositionObserver(e,t){const i=(()=>{var A,G,X,W;const{scene:c,engine:l}=t,{left:h,top:d,width:g,height:C}=e,f=(c.width-((G=(A=t.mainComponent)==null?void 0:A.width)!=null?G:0))/2,_=(c.height-((W=(X=t.mainComponent)==null?void 0:X.height)!=null?W:0))/2,S={left:h,right:h+g,top:d,bottom:d+C},v=l.getCanvasElement(),I=v.getBoundingClientRect(),y=b.pxToNum(v.style.width),{scaleX:R,scaleY:j}=c.getAncestorScale(),D=Yt(S,c),{top:N,left:T,width:k}=I,$=k/y;return{left:D.left*$*R+T+f,right:D.right*$*R+T+f,top:D.top*$*j+N+_,bottom:D.bottom*$*j+N+_}})(),s=new w.BehaviorSubject(i),a=new o.DisposableCollection;return{position:i,position$:s,disposable:a}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE).getUnitId(),s=this._renderManagerService.getRenderById(i);if(!s)return{dispose:()=>{}};const{position:a,position$:c,disposable:l}=this._createObjectPositionObserver(e,s),h=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:a,anchorRect$:c,canvasElement:s.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(h),c.complete(),l.dispose()}}}};exports.SlideCanvasPopMangerService=Xt([ie(0,o.Inject(p.ICanvasPopupService)),ie(1,b.IRenderManagerService),ie(2,o.IUniverInstanceService),ie(3,o.ICommandService)],exports.SlideCanvasPopMangerService);var Zt=Object.getOwnPropertyDescriptor,qt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Zt(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},z=(r,e)=>(t,n)=>e(t,n,r);let ce=class extends o.RxDisposable{constructor(e,t,n,i,s,a,c){super();P(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=s,this._sidebarService=a,this._commandService=c,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(o.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;const t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var i;const t=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE),n=(i=t==null?void 0:t.getPages())!=null?i:{};Object.keys(n).forEach(s=>{var h;const c=(h=this._canvasView.getRenderUnitByPageId(s,e).scene)==null?void 0:h.getTransformer();if(!c)return;let l;this.disposeWithMe(o.toDisposable(c.createControl$.subscribe(()=>{const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const g=d.values().next().value;if(!g)return;const C=g.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(g,{componentKey:qe,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(g.objectType,C,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Ie.id,{visible:!0,objectType:g.objectType})}))),this.disposeWithMe(c.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(c.changing$.subscribe(()=>{l==null||l.dispose();const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const g=d.values().next().value;g&&this._commandService.executeCommand(L.id,{unitId:e,oKey:g.oKey,props:{width:g.width,height:g.height,left:g.left,top:g.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:Ie.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:Re.id,commandParams:{id:t,unitId:n},disable:!1}]}};ce=qt([z(0,o.Inject(exports.SlideCanvasPopMangerService)),z(1,b.IRenderManagerService),z(2,o.IUniverInstanceService),z(3,o.IContextService),z(4,o.Inject(exports.CanvasView)),z(5,p.ISidebarService),z(6,o.ICommandService)],ce);const le={id:"slide.operation.edit-arrow",type:o.CommandType.OPERATION,handler:()=>!0},q=o.createInternalEditorID("SLIDE_EDITOR");var Jt=Object.getOwnPropertyDescriptor,Qt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Jt(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},_e=(r,e)=>(t,n)=>e(t,n,r);const me=o.createIdentifier("univer.slide-editor-bridge.service");let be=class extends o.Disposable{constructor(e,t,n){super();P(this,"_editorUnitId",q);P(this,"_isForceKeepVisible",!1);P(this,"_editorIsDirty",!1);P(this,"_currentEditRectState",null);P(this,"_currentEditRectState$",new w.BehaviorSubject(null));P(this,"currentEditRectState$",this._currentEditRectState$.asObservable());P(this,"_visibleParam",{visible:!1,eventType:b.DeviceInputEventType.Dblclick,unitId:""});P(this,"_visible$",new w.BehaviorSubject(this._visibleParam));P(this,"visible$",this._visible$.asObservable());P(this,"_afterVisible$",new w.BehaviorSubject(this._visibleParam));P(this,"afterVisible$",this._afterVisible$.asObservable());P(this,"endEditing$",new w.Subject);P(this,"_currentEditRectInfo");this._editorService=e,this._contextService=t,this._renderManagerService=n}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(q),this._contextService.setContextValue(o.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(o.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(o.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));const t=this.getEditRectState();this._currentEditRectState=t,this._currentEditRectState$.next(t)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){const e=q,t=this._currentEditRectInfo,n=t.unitId,i=t.richTextObj.documentData;i.id=e,i.documentStyle={...i.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};const a={documentModel:new o.DocumentDataModel(i),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:o.VerticalAlign.TOP,horizontalAlign:o.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},c=t.richTextObj.width,l=t.richTextObj.height,h=t.richTextObj.left,d=t.richTextObj.top,g={left:0,top:0},C=this._renderManagerService.getRenderById(n),f=C==null?void 0:C.scene,_=f==null?void 0:f.getViewport(K.SLIDE_KEY.VIEW),S=f==null?void 0:f.getObject(K.SLIDE_KEY.COMPONENT),v={x:(S==null?void 0:S.left)||0,y:(S==null?void 0:S.top)||0},I=(_==null?void 0:_.viewportScrollX)||0,y=(_==null?void 0:_.viewportScrollY)||0;return g.left=v.x-I,g.top=v.y-y,{position:{startX:h,startY:d,endX:h+c,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:g,unitId:n,editorUnitId:e,documentLayoutObject:a}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){const t=this.getCurrentEditorId(),n=e.text,i=e.fs;return{id:t,body:{dataStream:`${n}\r
+"use strict";var dt=Object.defineProperty;var ut=(r,e,t)=>e in r?dt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var P=(r,e,t)=>ut(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@univerjs/core"),b=require("@univerjs/engine-render"),K=require("@univerjs/slides"),p=require("@univerjs/ui"),u=require("react/jsx-runtime"),O=require("@univerjs/design"),E=require("react"),w=require("rxjs"),ae=require("@univerjs/docs"),M=require("@univerjs/docs-ui"),pe=require("@univerjs/drawing");var gt=Object.getOwnPropertyDescriptor,mt=(r,e,t,n)=>{for(var i=n>1?void 0:n?gt(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},Ce=(r,e)=>(t,n)=>e(t,n,r);let te=class extends o.RxDisposable{constructor(e,t,n,i){super();P(this,"_objectProvider",null);P(this,"_refreshThumb",o.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(K.ObjectProvider),this._addNewRender()}_addNewRender(){const{unitId:e,engine:t,scene:n}=this._renderContext,i=this._getCurrUnitModel();if(!i)return;const s=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),s==null||s.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});const a=new b.Viewport(K.SLIDE_KEY.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((l,h)=>{const d=l;if(d.ctrlKey){const g=Math.abs(d.deltaX);let C=g<40?.2:g<80?.4:.2;C*=d.deltaY>0?-1:1,n.scaleX<1&&(C/=2),n.scaleX+C>4?n.scale(4,4):n.scaleX+C<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else a.onMouseWheel(d,h)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),b.ScrollBar.attachTo(a);const c=this._createSlide(n);this._renderContext.mainComponent=c,this._createSlidePages(i,c),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var l;const e=(l=this._currentRender())==null?void 0:l.scene,t=e==null?void 0:e.getViewport(K.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:s}=n,{x:a,y:c}=t.transViewportScroll2ScrollValue(i,s);t.scrollToBarPos({x:a,y:c})}_currentRender(){return b.getCurrentTypeOfRenderer(o.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){const t=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE),{width:n,height:i}=e,s=t.getPageSize(),{width:a=100,height:c=100}=s,l=new b.Slide(K.SLIDE_KEY.COMPONENT,{left:(n-a)/2,top:(i-c)/2,width:a,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,t){const i=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:a=0}=i,c=new b.Rect("canvas",{left:0,top:0,width:s,height:a,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:o.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(c,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:t,height:n}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,a=(i==null?void 0:i.height)||0;return{left:(t-s)/2,top:(n-a)/2}}_thumbSceneRender(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{engine:i}=n;if(i==null)return;const{width:s,height:a}=t,{width:c=s,height:l=a}=i,h=i.getCanvas().getContext();t.renderToThumb(h,e,c/s,l/a)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let s=0,a=i.length;s<a;s++){const c=i[s];this.createPageScene(c,n[c]),this._createThumb(c)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e;const n=this._getCurrUnitModel();let i;if(t)i=n.getPage(t);else{const l=n.getPages(),h=n.getPageOrder();if(h==null||l==null)return;i=l[h[0]],t=i.id}const s=this._currentRender();if(i==null||s==null||s.mainComponent==null)return;const{id:a}=i,c=s.mainComponent;if(n.setActivePage(i),c!=null&&c.hasPage(a)){c.changePage(a);return}this.createPageScene(a,i)}createThumbs(){const t=this._getCurrUnitModel().getPageOrder(),n=this._currentRender();if(!(!t||!n)&&t.length!==0)for(let i=0,s=t.length;i<s;i++){const a=t[i];this._thumbSceneRender(a,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:s}=n,a=s,{width:c,height:l}=a,h=new b.Scene(e,a,{width:c,height:l});new b.Viewport(`PageViewer_${e}`,h,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:g,pageBackgroundFill:C}=t,f=this._objectProvider.convertToRenderObjects(g,i);if(!f||!a)return;this._addBackgroundRect(h,C),h.addObjects(f),h.initTransformer(),f.forEach(S=>{h.attachTransformerTo(S)});const _=h.getTransformer();return _==null||_.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,a)}),_==null||_.clearControl$.subscribe(()=>{this._thumbSceneRender(e,a)}),a.addPageScene(h),h}getPageRenderUnit(e){const n=this._renderContext.mainComponent.getSubScenes().get(e),{engine:i,unit:s}=this._renderContext;return{scene:n,engine:i,unit:s}}createObjectToPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;const i=this._objectProvider.convertToRenderObject(e,n);if(i)return n.addObject(i),n.attachTransformerTo(i),n.getLayer().makeDirty(),i}setObjectActiveByPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;const i=n.getTransformer();i==null||i.activeAnObject(e)}removeObjectById(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);const i=n.getTransformer();i==null||i.clearControls()}appendPage(){const e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;const{id:i}=t,s=n.mainComponent,a=this.createPageScene(i,t);s&&a&&s.addPageScene(a),e.appendPage(t),e.setActivePage(t)}};te=mt([Ce(1,o.Inject(o.Injector)),Ce(2,o.IUniverInstanceService),Ce(3,b.IRenderManagerService)],te);var ht=Object.getOwnPropertyDescriptor,vt=(r,e,t,n)=>{for(var i=n>1?void 0:n?ht(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},pt=(r,e)=>(t,n)=>e(t,n,r);exports.CanvasView=class extends o.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(te)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}};exports.CanvasView=vt([pt(0,b.IRenderManagerService)],exports.CanvasView);const Ct="slides-ui.config",Ve={},Re={id:"slide.operation.delete-element",type:o.CommandType.OPERATION,handler:(r,e)=>{if(!(e!=null&&e.id))return!1;const t=e.unitId,i=r.get(o.IUniverInstanceService).getUnit(t);if(!i)return!1;const s=i.getActivePage();return delete s.pageElements[e.id],i.updatePage(s.id,s),r.get(exports.CanvasView).removeObjectById(e.id,s.id,t),!0}};var U=function(){return U=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i])}return r},U.apply(this,arguments)},_t=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(r);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]]);return t},B=E.forwardRef(function(r,e){var t=r.icon,n=r.id,i=r.className,s=r.extend,a=_t(r,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),l=E.useRef("_".concat(It()));return He(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},U({ref:e,className:c},a),s)});function He(r,e,t,n,i){return E.createElement(r.tag,U(U({key:e},St(r,t,i)),n),(ft(r,t).children||[]).map(function(s,a){return He(s,"".concat(e,"-").concat(r.tag,"-").concat(a),t,void 0,i)}))}function St(r,e,t){var n=U({},r.attrs);t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1),r.tag==="mask"&&n.id&&(n.id=n.id+e.idSuffix),Object.entries(n).forEach(function(s){var a=s[0],c=s[1];a==="mask"&&typeof c=="string"&&(n[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var i=e.defIds;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(s){var a=s[0],c=s[1];typeof c=="string"&&(n[a]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function ft(r,e){var t,n=e.defIds;return!n||n.length===0?r:r.tag==="defs"&&(!((t=r.children)===null||t===void 0)&&t.length)?U(U({},r),{children:r.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?U(U({},i),{attrs:U(U({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):r}function It(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var bt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},Fe=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"add-image-single",ref:e,icon:bt}))});Fe.displayName="AddImageSingle";var Et={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"}}]},We=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"autofill",ref:e,icon:Et}))});We.displayName="Autofill";var xt={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"}}]},ze=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"bottom-single",ref:e,icon:xt}))});ze.displayName="BottomSingle";var Pt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-single_clip0_1293_28)"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z",fillRule:"evenodd",clipRule:"evenodd"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"graph-single_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-single_clip0_1293_28"]},Ke=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"graph-single",ref:e,icon:Pt}))});Ke.displayName="GraphSingle";var Rt={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"}}]},Oe=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"more-down-single",ref:e,icon:Rt}))});Oe.displayName="MoreDownSingle";var Ot={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"}}]},ke=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"move-down-single",ref:e,icon:Ot}))});ke.displayName="MoveDownSingle";var yt={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"}}]},Ge=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"move-up-single",ref:e,icon:yt}))});Ge.displayName="MoveUpSingle";var Tt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z"}},{tag:"path",attrs:{fill:"colorChannel1",d:"M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z"}}]},Xe=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"paint-bucket",ref:e,icon:Tt}))});Xe.displayName="PaintBucket";var Dt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z"}}]},Ye=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"text-single",ref:e,icon:Dt}))});Ye.displayName="TextSingle";var jt={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"}}]},Ze=E.forwardRef(function(r,e){return E.createElement(B,Object.assign({},r,{id:"topmost-single",ref:e,icon:jt}))});Ze.displayName="TopmostSingle";const L={id:"slide.operation.update-element",type:o.CommandType.OPERATION,handler:(r,e)=>{const{oKey:t,props:n}=e,i=r.get(o.IUniverInstanceService),s=e==null?void 0:e.unitId,a=i.getUnit(s);if(!a)return!1;const c=a.getActivePage();return c.pageElements[t]=o.Tools.deepMerge(c.pageElements[t],n),a.updatePage(c.id,c),!0}},Mt="univer-image-common-panel-grid",Ut="univer-image-common-panel-border",wt="univer-image-common-panel-title",Nt="univer-image-common-panel-row",Vt="univer-image-common-panel-column",Lt="univer-image-common-panel-inline",Bt="univer-image-common-panel-span2",At="univer-image-common-panel-span3",$t="univer-image-common-panel-input",m={imageCommonPanelGrid:Mt,imageCommonPanelBorder:Ut,imageCommonPanelTitle:wt,imageCommonPanelRow:Nt,imageCommonPanelColumn:Vt,imageCommonPanelInline:Lt,imageCommonPanelSpan2:Bt,imageCommonPanelSpan3:At,imageCommonPanelInput:$t};function Ht(r){const{pageId:e,unitId:t}=r,n=p.useDependency(o.LocaleService),i=p.useDependency(exports.CanvasView),s=p.useDependency(o.ICommandService),a=i.getRenderUnitByPageId(e,t),c=a==null?void 0:a.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const g=C=>{const f=c.getAllObjects(),[_,S]=f.reduce(([I,y],R)=>{const j=R.zIndex,D=j<I?j:I,N=j>y?j:y;return[D,N]},[0,0]);let v=d.zIndex;C===3?v=_-1:C===2?v=S+1:C===0?v=d.zIndex+1:C===1&&(v=d.zIndex-1),d.setProps({zIndex:v}),s.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:v}})};return u.jsxs("div",{className:m.imageCommonPanelGrid,children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.arrange.title")})})}),u.jsxs("div",{className:m.imageCommonPanelRow,children:[u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Button,{onClick:()=>{g(0)},children:u.jsxs("span",{className:m.imageCommonPanelInline,children:[u.jsx(Ge,{}),n.t("image-panel.arrange.forward")]})})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Button,{onClick:()=>{g(1)},children:u.jsxs("span",{className:m.imageCommonPanelInline,children:[u.jsx(ke,{}),n.t("image-panel.arrange.backward")]})})})]}),u.jsxs("div",{className:m.imageCommonPanelRow,children:[u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Button,{onClick:()=>{g(2)},children:u.jsxs("span",{className:m.imageCommonPanelInline,children:[u.jsx(Ze,{}),n.t("image-panel.arrange.front")]})})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Button,{onClick:()=>{g(3)},children:u.jsxs("span",{className:m.imageCommonPanelInline,children:[u.jsx(ze,{}),n.t("image-panel.arrange.back")]})})})]})]})}function Ft(r){var _,S;const{pageId:e,unitId:t}=r,n=p.useDependency(o.LocaleService),i=p.useDependency(exports.CanvasView),s=p.useDependency(o.ICommandService),a=i.getRenderUnitByPageId(e,t),c=a==null?void 0:a.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[g,C]=E.useState((S=(_=d.fill)==null?void 0:_.toString())!=null?S:"");function f(v){d==null||d.setProps({fill:v}),s.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:v}}}}}),C(v)}return u.jsx("div",{className:O.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),children:u.jsxs("div",{className:m.imageCommonPanelGrid,children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("slide.panel.fill.title")})})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan2),children:u.jsx(O.Dropdown,{overlay:u.jsx("div",{className:"univer-rounded-lg univer-p-4",children:u.jsx(O.ColorPicker,{value:"#fff",onChange:f})}),children:u.jsxs("a",{className:m.uiPluginSheetsBorderPanelButton,children:[u.jsx(Xe,{extend:{colorChannel1:g!=null?g:"rgb(var(--primary-color))"}}),u.jsx("span",{className:m.uiPluginSheetsBorderPanelMoreIcon,children:u.jsx(Oe,{})})]})})})})]})})}function Wt(r){const{pageId:e,unitId:t}=r,n=p.useDependency(o.LocaleService),i=p.useDependency(exports.CanvasView),s=p.useDependency(o.ICommandService),a=i.getRenderUnitByPageId(e,t),c=a==null?void 0:a.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:g=0,height:C=0,left:f=0,top:_=0,angle:S=0}=d,[v,I]=E.useState(g),[y,R]=E.useState(C),[j,D]=E.useState(f),[N,T]=E.useState(_),[k,$]=E.useState(S),H=x=>{const{objects:J}=x,Q=J.values().next().value,{width:st=0,height:at=0,left:ot=0,top:ct=0,angle:lt=0}=Q;I(st),R(at),D(ot),T(ct),$(lt)};E.useEffect(()=>{const x=l.changeStart$.subscribe(Q=>{H(Q)}),J=l.changing$.subscribe(Q=>{H(Q)});return()=>{J.unsubscribe(),x.unsubscribe()}},[]);function A(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{width:x}}),d==null||d.resize(x,d.height),I(x),l==null||l.refreshControls())}function G(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{height:x}}),d==null||d.resize(d.width,x),R(x),l==null||l.refreshControls())}function X(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{left:x}}),d==null||d.translate(x,d.top),D(x),l==null||l.refreshControls())}function W(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{right:x}}),d==null||d.translate(d.left,x),T(x),l==null||l.refreshControls())}function ne(x){!x||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{angle:x}}),d==null||d.transformByState({angle:x}),$(x),l==null||l.refreshControls())}return u.jsxs("div",{className:O.clsx(m.imageCommonPanelGrid,m.imageCommonPanelBorder),children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.transform.title")})})}),u.jsxs("div",{className:m.imageCommonPanelRow,children:[u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.width")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,min:1,value:v,onChange:x=>{A(x)}})})})]})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.height")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,min:1,value:y,onChange:x=>{G(x)}})})})]})})]}),u.jsxs("div",{className:m.imageCommonPanelRow,children:[u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.x")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,precision:1,min:0,value:j,onChange:x=>{X(x)}})})})]})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.y")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,precision:1,min:0,value:N,onChange:x=>{W(x)}})})})]})}),u.jsx("div",{className:O.clsx(m.imageCommonPanelColumn,m.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:n.t("image-panel.transform.rotate")})}),u.jsx("div",{className:m.imageCommonPanelRow,children:u.jsx("div",{className:m.imageCommonPanelColumn,children:u.jsx(O.InputNumber,{className:m.imageCommonPanelInput,precision:1,value:k,onChange:ne})})})]})})]})]})}const zt="univer-image-common-panel",Kt={imageCommonPanel:zt},oe="COMPONENT_SLIDE_SIDEBAR";function kt(){var h,d,g;const r=p.useDependency(o.IUniverInstanceService),e=p.useDependency(exports.CanvasView),t=r.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE),n=(h=t==null?void 0:t.getActivePage())==null?void 0:h.id;if(!n)return null;const s=(d=e.getRenderUnitByPageId(n,n).scene)==null?void 0:d.getTransformer();if(!s)return null;const c=s.getSelectedObjectMap().values().next().value;if(!c)return null;const l=((g=r.getFocusedUnit())==null?void 0:g.getUnitId())||"";return u.jsxs("section",{className:Kt.imageCommonPanel,children:[u.jsx(Ht,{pageId:n,unitId:l}),u.jsx(Wt,{pageId:n,unitId:l}),c.objectType===b.ObjectType.RECT&&u.jsx(Ft,{pageId:n,unitId:l})]})}const ge={id:"slide.command.insert-float-shape",type:o.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(o.ICommandService),n=(i=r.get(o.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return e.executeCommand(ye.id,{unitId:n})}},ye={id:"slide.operation.insert-float-shape",type:o.CommandType.OPERATION,handler:async(r,e)=>{const t=o.generateRandomId(6),n=r.get(o.IUniverInstanceService),i=e.unitId,s=n.getUnit(i);if(!s)return!1;const a=s.getActivePage(),c=Object.values(a.pageElements),l=c!=null&&c.length?Math.max(...c.map(C=>C.zIndex)):20,h={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:o.PageElementType.SHAPE,shape:{shapeType:o.BasicShapes.Rect,text:"",shapeProperties:{shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};a.pageElements[t]=h,s.updatePage(a.id,a);const d=r.get(exports.CanvasView),g=d.createObjectToPage(h,a.id,i);return g&&d.setObjectActiveByPage(g,a.id,i),!0}},Ie={id:"sidebar.operation.slide-shape",type:o.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(p.ISidebarService),s=r.get(o.LocaleService);let a="",c="";return n===b.ObjectType.RECT?(a="slide.sidebar.shape",c=oe):n===b.ObjectType.IMAGE?(a="slide.sidebar.image",c=oe):n===b.ObjectType.RICH_TEXT&&(a="slide.sidebar.text",c=oe),t?i.open({header:{title:s.t(a)},children:{label:c},onClose:()=>{},width:360}):i.close(),!0}},qe="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var Gt=Object.getOwnPropertyDescriptor,Xt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Gt(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},ie=(r,e)=>(t,n)=>e(t,n,r);function Yt(r,e){const t=Le(r.left,r.top,e),n=Le(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function Le(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(K.SLIDE_KEY.VIEW);if(!s)return{x:r,y:e};const{viewportScrollX:a,viewportScrollY:c}=s,l=(r-a)*n,h=(e-c)*i;return{x:l,y:h}}exports.SlideCanvasPopMangerService=class extends o.Disposable{constructor(e,t,n,i){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=i}_createObjectPositionObserver(e,t){const i=(()=>{var A,G,X,W;const{scene:c,engine:l}=t,{left:h,top:d,width:g,height:C}=e,f=(c.width-((G=(A=t.mainComponent)==null?void 0:A.width)!=null?G:0))/2,_=(c.height-((W=(X=t.mainComponent)==null?void 0:X.height)!=null?W:0))/2,S={left:h,right:h+g,top:d,bottom:d+C},v=l.getCanvasElement(),I=v.getBoundingClientRect(),y=b.pxToNum(v.style.width),{scaleX:R,scaleY:j}=c.getAncestorScale(),D=Yt(S,c),{top:N,left:T,width:k}=I,$=k/y;return{left:D.left*$*R+T+f,right:D.right*$*R+T+f,top:D.top*$*j+N+_,bottom:D.bottom*$*j+N+_}})(),s=new w.BehaviorSubject(i),a=new o.DisposableCollection;return{position:i,position$:s,disposable:a}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE).getUnitId(),s=this._renderManagerService.getRenderById(i);if(!s)return{dispose:()=>{}};const{position:a,position$:c,disposable:l}=this._createObjectPositionObserver(e,s),h=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:a,anchorRect$:c,canvasElement:s.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(h),c.complete(),l.dispose()}}}};exports.SlideCanvasPopMangerService=Xt([ie(0,o.Inject(p.ICanvasPopupService)),ie(1,b.IRenderManagerService),ie(2,o.IUniverInstanceService),ie(3,o.ICommandService)],exports.SlideCanvasPopMangerService);var Zt=Object.getOwnPropertyDescriptor,qt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Zt(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},z=(r,e)=>(t,n)=>e(t,n,r);let ce=class extends o.RxDisposable{constructor(e,t,n,i,s,a,c){super();P(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=s,this._sidebarService=a,this._commandService=c,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(o.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;const t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var i;const t=this._univerInstanceService.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE),n=(i=t==null?void 0:t.getPages())!=null?i:{};Object.keys(n).forEach(s=>{var h;const c=(h=this._canvasView.getRenderUnitByPageId(s,e).scene)==null?void 0:h.getTransformer();if(!c)return;let l;this.disposeWithMe(o.toDisposable(c.createControl$.subscribe(()=>{const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const g=d.values().next().value;if(!g)return;const C=g.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(g,{componentKey:qe,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(g.objectType,C,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Ie.id,{visible:!0,objectType:g.objectType})}))),this.disposeWithMe(c.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(o.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(c.changing$.subscribe(()=>{l==null||l.dispose();const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const g=d.values().next().value;g&&this._commandService.executeCommand(L.id,{unitId:e,oKey:g.oKey,props:{width:g.width,height:g.height,left:g.left,top:g.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:Ie.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:Re.id,commandParams:{id:t,unitId:n},disable:!1}]}};ce=qt([z(0,o.Inject(exports.SlideCanvasPopMangerService)),z(1,b.IRenderManagerService),z(2,o.IUniverInstanceService),z(3,o.IContextService),z(4,o.Inject(exports.CanvasView)),z(5,p.ISidebarService),z(6,o.ICommandService)],ce);const le={id:"slide.operation.edit-arrow",type:o.CommandType.OPERATION,handler:()=>!0},q=o.createInternalEditorID("SLIDE_EDITOR");var Jt=Object.getOwnPropertyDescriptor,Qt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Jt(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},_e=(r,e)=>(t,n)=>e(t,n,r);const me=o.createIdentifier("univer.slide-editor-bridge.service");let be=class extends o.Disposable{constructor(e,t,n){super();P(this,"_editorUnitId",q);P(this,"_isForceKeepVisible",!1);P(this,"_editorIsDirty",!1);P(this,"_currentEditRectState",null);P(this,"_currentEditRectState$",new w.BehaviorSubject(null));P(this,"currentEditRectState$",this._currentEditRectState$.asObservable());P(this,"_visibleParam",{visible:!1,eventType:b.DeviceInputEventType.Dblclick,unitId:""});P(this,"_visible$",new w.BehaviorSubject(this._visibleParam));P(this,"visible$",this._visible$.asObservable());P(this,"_afterVisible$",new w.BehaviorSubject(this._visibleParam));P(this,"afterVisible$",this._afterVisible$.asObservable());P(this,"endEditing$",new w.Subject);P(this,"_currentEditRectInfo");this._editorService=e,this._contextService=t,this._renderManagerService=n}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(q),this._contextService.setContextValue(o.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(o.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(o.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));const t=this.getEditRectState();this._currentEditRectState=t,this._currentEditRectState$.next(t)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){const e=q,t=this._currentEditRectInfo,n=t.unitId,i=t.richTextObj.documentData;i.id=e,i.documentStyle={...i.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};const a={documentModel:new o.DocumentDataModel(i),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:o.VerticalAlign.TOP,horizontalAlign:o.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},c=t.richTextObj.width,l=t.richTextObj.height,h=t.richTextObj.left,d=t.richTextObj.top,g={left:0,top:0},C=this._renderManagerService.getRenderById(n),f=C==null?void 0:C.scene,_=f==null?void 0:f.getViewport(K.SLIDE_KEY.VIEW),S=f==null?void 0:f.getObject(K.SLIDE_KEY.COMPONENT),v={x:(S==null?void 0:S.left)||0,y:(S==null?void 0:S.top)||0},I=(_==null?void 0:_.viewportScrollX)||0,y=(_==null?void 0:_.viewportScrollY)||0;return g.left=v.x-I,g.top=v.y-y,{position:{startX:h,startY:d,endX:h+c,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:g,unitId:n,editorUnitId:e,documentLayoutObject:a}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){const t=this.getCurrentEditorId(),n=e.text,i=e.fs;return{id:t,body:{dataStream:`${n}\r
 `,textRuns:[{st:0,ed:n.length}],paragraphs:[{paragraphStyle:{},startIndex:n.length+1}],sectionBreaks:[{startIndex:n.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:i},renderConfig:{verticalAlign:o.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};be=Qt([_e(0,M.IEditorService),_e(1,o.IContextService),_e(2,b.IRenderManagerService)],be);class en{constructor(){P(this,"_state",null);P(this,"_rect",null);P(this,"_state$",new w.BehaviorSubject(null));P(this,"state$",this._state$.asObservable());P(this,"_rect$",new w.BehaviorSubject(null));P(this,"rect$",this._rect$.asObservable());P(this,"_focus",!1);P(this,"_focus$",new w.BehaviorSubject(this._focus));P(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}}const Te=o.createIdentifier("univer.slide-editor-manager.service");var F=(r=>(r[r.InitialState=0]="InitialState",r[r.StartEditor=1]="StartEditor",r[r.CursorChange=2]="CursorChange",r))(F||{}),tn=Object.getOwnPropertyDescriptor,nn=(r,e,t,n)=>{for(var i=n>1?void 0:n?tn(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},V=(r,e)=>(t,n)=>e(t,n,r);const Be=-1e3,Ae=5,rn=2;let Ee=class extends o.Disposable{constructor(e,t,n,i,s,a,c,l,h,d,g,C){super();P(this,"_cursorChange",F.InitialState);P(this,"_isUnitEditing",!1);P(this,"_d");this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=i,this._instanceSrv=s,this._renderManagerService=a,this._editorBridgeService=c,this._cellEditorManagerService=l,this._textSelectionManagerService=h,this._commandService=d,this._localService=g,this._editorService=C,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_SLIDE).subscribe(f=>{f&&f.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:b.DeviceInputEventType.Keyboard,keycode:p.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){const e=new o.DisposableCollection;return this._subscribeToCurrentCell(e),this._initialKeyboardListener(e),this._initialCursorSync(e),this._listenEditorFocus(e),this._commandExecutedListener(e),setTimeout(()=>{this._cursorStateListener(e)},1e3),e}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible?(this._isUnitEditing=!0,this._handleEditorVisible(e)):this._isUnitEditing&&(this._handleEditorInvisible(e),this._isUnitEditing=!1)}))}_listenEditorFocus(e){const t=this._getEditorObject();t&&e.add(t.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(ae.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(ae.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(w.filter(t=>!!t)).subscribe(()=>{var t;(t=b.getCurrentTypeOfRenderer(o.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||t.with(M.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(t=>{var g;if(t==null||this._contextService.getContextValue(o.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(o.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX:n,endX:i},documentLayoutObject:{textRotation:s,wrapStrategy:a,documentModel:c},scaleX:l,editorUnitId:h}=t,{vertexAngle:d}=b.convertTextRotation(s);c.updateDocumentId(h),a===o.WrapStrategy.WRAP&&d===0&&c.updateDocumentDataPageSize((i-n)/l),this._instanceSrv.changeDoc(h,c),this._contextService.setContextValue(o.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(g=b.getCurrentTypeOfRenderer(o.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||g.with(M.DocSelectionRenderService).activate(Be,Be)}))}_fitTextSize(e,t,n,i,s=1,a=1){const{startX:c,startY:l,endX:h,endY:d}=e,g=i.documentModel;if(g==null)return;const{actualWidth:C,actualHeight:f}=this._predictingSize(e,t,n,i,s,a),{verticalAlign:_,paddingData:S,fill:v}=i;let I=h-c,y=d-l;if(I<C&&(I=C),y<f)y=f,g.updateDocumentDataMargin(S);else{let R=0;_===o.VerticalAlign.MIDDLE?R=(y-f)/2/a:_===o.VerticalAlign.TOP?R=S.t||0:R=(y-f)/a-(S.b||0),R=R<(S.t||0)?S.t||0:R,g.updateDocumentDataMargin({t:R})}n.calculate(),this._editAreaProcessing(I,y,e,t,v,s,a)}_predictingSize(e,t,n,i,s=1,a=1){const{startX:c,endX:l}=e,{textRotation:h,wrapStrategy:d}=i,g=i.documentModel,{vertexAngle:C}=b.convertTextRotation(h),f=document.body.clientWidth;if(d===o.WrapStrategy.WRAP&&C===0){const{actualWidth:v,actualHeight:I}=n.getActualSize();return{actualWidth:v*s,actualHeight:I*a}}g==null||g.updateDocumentDataPageSize((f-c-t.left)/s),n.calculate();const _=n.getActualSize();let S=l-c;return S<_.actualWidth*s+Ae*s&&(S=_.actualWidth*s+Ae*s),g==null||g.updateDocumentDataPageSize(S/s),g==null||g.updateDocumentRenderConfig({horizontalAlign:o.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:S,actualHeight:_.actualHeight*a}}_editAreaProcessing(e,t,n,i,s,a=1,c=1){var x;const l=this._getEditorObject();if(l==null)return;function h(J){return Number.parseInt(J.replace("px",""))}const g=this._renderContext.engine.getCanvasElement(),C=g.getBoundingClientRect(),f=h(g.style.width),{top:_,left:S,width:v}=C,I=v/f;let{startX:y,startY:R}=n;y+=i.left,R+=i.top;const{document:j,scene:D,engine:N}=l,T=D.getViewport(M.VIEWPORT_KEY.VIEW_MAIN),k=document.body.clientHeight-R-i.top-rn*2,$=document.body.clientWidth-y-i.left;let H=t,A=T==null?void 0:T.getScrollBar();H>k?(H=k,A==null?T&&new b.ScrollBar(T,{enableHorizontal:!1,barSize:8}):T==null||T.resetCanvasSizeAndUpdateScroll()):(A=null,(x=T==null?void 0:T.getScrollBar())==null||x.dispose()),e+=(A==null?void 0:A.barSize)||0,e=Math.min(e,$),y-=b.FIX_ONE_PIXEL_BLUR_OFFSET,R-=b.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(D,e/a,t/c,s);const{scaleX:G,scaleY:X}=D.getPrecisionScale();D.transformByState({width:e*I/a,height:t*I/c,scaleX:a*I,scaleY:c*I}),j.resize(e/a,t/c),setTimeout(()=>{N.resizeBySize(b.fixLineWidthByScale(e,G),b.fixLineWidthByScale(H,X))},0);const W=this._layoutService.getContentElement().getBoundingClientRect(),ne=g.getBoundingClientRect();y=y*I+(ne.left-W.left),R=R*I+(ne.top-W.top),this._cellEditorManagerService.setState({startX:y,startY:R,endX:e*I+y,endY:H*I+R,show:!0})}_addBackground(e,t,n,i){const s="_backgroundRectHelperColor_",a=e.getObject(s);a==null&&i==null||(a==null?e.addObjects([new b.Rect(s,{width:t,height:n,fill:i,evented:!1})],M.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?a.dispose():(a.setProps({fill:i}),a.transformByState({width:t,height:n})))}_handleEditorVisible(e){var v,I;const{eventType:t}=e;this._cursorChange=[b.DeviceInputEventType.PointerDown,b.DeviceInputEventType.Dblclick].includes(t)?F.CursorChange:F.StartEditor;const n=this._editorBridgeService.getEditRectState();if(n==null)return;const{position:i,documentLayoutObject:s,slideCardOffset:a,scaleX:c,scaleY:l,editorUnitId:h,unitId:d}=n,g=this._getEditorObject();if(g==null)return;const{scene:C}=g;this._contextService.setContextValue(o.EDITOR_ACTIVATED,!0);const{documentModel:f}=s,_=this._getEditorSkeleton(h);if(!_||!f)return;this._fitTextSize(i,a,_,s,c,l);const S=f.getBody().dataStream.length-2||0;(v=C.getViewport(M.VIEWPORT_KEY.VIEW_MAIN))==null||v.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:S,endOffset:S}]),(I=this._renderManagerService.getRenderById(d))==null||I.scene.resetCursor()}_resetBodyStyle(e,t=!1){e.dataStream=o.DEFAULT_EMPTY_DOCUMENT_VALUE,e.textRuns!=null&&(e.textRuns.length===1&&!t?(e.textRuns[0].st=0,e.textRuns[0].ed=1):e.textRuns=void 0),e.paragraphs!=null&&(e.paragraphs.length===1?e.paragraphs[0].startIndex=0:e.paragraphs=[{startIndex:0}]),e.sectionBreaks!=null&&(e.sectionBreaks=void 0),e.tables!=null&&(e.tables=void 0),e.customRanges!=null&&(e.customRanges=void 0),e.customBlocks!=null&&(e.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){const t=[le.id],n=[ae.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(i=>{this._editorService.getFocusId()===q&&(t.includes(i.id)&&this._moveCursorCmdHandler(i),n.includes(i.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){const t=e.params,{keycode:n,isShift:i}=t;n!=null&&this._cursorChange===F.CursorChange?this._moveInEditor(n,i):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){const e=this._editorBridgeService.getEditorRect();if(!e)return;const t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();const{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return sn(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){const{keycode:t}=e;if(this._cursorChange=F.InitialState,this._exitInput(e),this._editorBridgeService.getEditRectState()==null)return;if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}_exitInput(e){this._contextService.setContextValue(o.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:e.visible});const t=this._editorBridgeService.getCurrentEditorId();t!=null&&this._undoRedoService.clearUndoRedo(t)}_moveCursor(e){if(e!=null)switch(o.Direction.LEFT,e){case p.KeyCode.ENTER:o.Direction.DOWN;break;case p.KeyCode.TAB:o.Direction.RIGHT;break;case p.KeyCode.ARROW_DOWN:o.Direction.DOWN;break;case p.KeyCode.ARROW_UP:o.Direction.UP;break;case p.KeyCode.ARROW_LEFT:o.Direction.LEFT;break;case p.KeyCode.ARROW_RIGHT:o.Direction.RIGHT;break}}_cursorStateListener(e){const t=this._getEditorObject();if(!t)return;const{document:n}=t;e.add(o.toDisposable(n.onPointerDown$.subscribeEvent(()=>{this._cursorChange===F.StartEditor&&(this._cursorChange=F.CursorChange)})))}_moveInEditor(e,t){let n=o.Direction.LEFT;e===p.KeyCode.ARROW_DOWN?n=o.Direction.DOWN:e===p.KeyCode.ARROW_UP?n=o.Direction.UP:e===p.KeyCode.ARROW_RIGHT&&(n=o.Direction.RIGHT),t?this._commandService.executeCommand(M.MoveSelectionOperation.id,{direction:n}):this._commandService.executeCommand(M.MoveCursorOperation.id,{direction:n})}};Ee=nn([V(1,p.ILayoutService),V(2,o.IUndoRedoService),V(3,o.IContextService),V(4,o.IUniverInstanceService),V(5,b.IRenderManagerService),V(6,me),V(7,Te),V(8,o.Inject(ae.DocSelectionManagerService)),V(9,o.ICommandService),V(10,o.Inject(o.LocaleService)),V(11,M.IEditorService)],Ee);function sn(r,e){if(r==null)return;const t=e.getRenderById(r);if(t==null)return;const{mainComponent:n,scene:i,engine:s,components:a}=t,c=n,l=a.get(M.DOCS_VIEW_KEY.BACKGROUND);return{document:c,docBackground:l,scene:i,engine:s}}var an=Object.getOwnPropertyDescriptor,on=(r,e,t,n)=>{for(var i=n>1?void 0:n?an(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},Se=(r,e)=>(t,n)=>e(t,n,r);let xe=class extends o.RxDisposable{constructor(e,t,n,i){super();P(this,"setSlideTextEditor$",new w.Subject);P(this,"_curRichText",null);P(this,"_d");this._renderContext=e,this._instanceSrv=t,this._commandService=n,this._editorBridgeService=i,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_SLIDE).subscribe(s=>{s&&s.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const e=new o.DisposableCollection;return this._initEventListener(e),e}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;const{scene:n,engine:i}=this._renderContext,s=this._renderContext.unitId,a={scene:n,engine:i,unitId:s,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(a)}_initEventListener(e){const t=a=>{const c=a.getTransformer();c&&(e.add(c.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(c.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(a.onDblclick$.subscribeEvent(()=>{c.clearControls();const h=c.getSelectedObjectMap().values().next().value;h&&(h.objectType!==b.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(a.sceneKey,h))})),e.add(this._instanceSrv.focused$.subscribe(l=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(a=>{t(a)});const s=Array.from(n.getSubScenes().values());for(let a=0;a<s.length;a++){const c=s[a];t(c)}}pickOtherObjects(){this.endEditing()}endEditing(){var s;if(!this._curRichText)return;this.setEditorVisible(!1);const e=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE))return!1;e.refreshDocumentByDocData(),e.resizeToContentSize(),this._editorBridgeService.endEditing$.next(e);const n={bl:1,fs:e.fs,text:e.text},i=(s=e.documentData.body)==null?void 0:s.textRuns;if(i&&i.length){const c=i[0].ts;n.cl=c==null?void 0:c.cl}this._commandService.executeCommand(L.id,{unitId:this._renderContext.unitId,oKey:e==null?void 0:e.oKey,props:{richText:n}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){var n,i;e?(n=this._curRichText)==null||n.hide():(i=this._curRichText)==null||i.show();const{unitId:t}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:b.DeviceInputEventType.PointerDown,unitId:t})}};xe=on([Se(1,o.IUniverInstanceService),Se(2,o.ICommandService),Se(3,me)],xe);const De={id:"slide.operation.activate-slide",type:o.CommandType.OPERATION,handler:(r,e)=>{var h,d;const t=e.unitId,n=r.get(exports.CanvasView),s=r.get(o.IUniverInstanceService).getUnit(t),a=(h=s==null?void 0:s.getActivePage())==null?void 0:h.id;if(!a)return!1;const c=n.getRenderUnitByPageId(a,t);if(!c)return!1;const l=(d=c.scene)==null?void 0:d.getTransformer();return l&&l.clearControls(),n.activePage(e.id,t),!0}},je={id:"slide.operation.append-slide",type:o.CommandType.OPERATION,handler:(r,e)=>{const t=e.unitId;return r.get(o.IUniverInstanceService).getUnit(t)?(r.get(exports.CanvasView).appendPage(t),!0):!1}},he={id:"slide.command.insert-float-image",type:o.CommandType.COMMAND,handler:async(r,e)=>{var N;const t=r.get(o.IUniverInstanceService),n=(N=t.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE))==null?void 0:N.getUnitId();if(!n)return!1;const s=await r.get(p.ILocalFileService).openFile({multiple:!0,accept:pe.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(T=>`.${T.replace("image/","")}`).join(",")});if(s.length!==1)return!1;const c=await r.get(pe.IImageIoService).saveImage(s[0]);if(!c)return!1;const{imageId:l,imageSourceType:h,source:d,base64Cache:g}=c,{width:C,height:f,image:_}=await pe.getImageSize(g||""),S=t.getUnit(n);if(!S)return!1;const v=S.getActivePage(),I=Object.values(v.pageElements),y=I!=null&&I.length?Math.max(...I.map(T=>T.zIndex)):20,R={id:l,zIndex:y+1,left:0,top:0,width:C,height:f,title:"",description:"",type:o.PageElementType.IMAGE,image:{imageProperties:{contentUrl:g,imageSourceType:h,source:d,base64Cache:g,image:_}}};v.pageElements[l]=R,S.updatePage(v.id,v);const j=r.get(exports.CanvasView),D=j.createObjectToPage(R,v.id,n);return D&&j.setObjectActiveByPage(D,v.id,n),!0}},ve={id:"slide.command.add-text",type:o.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(o.ICommandService),n=(i=r.get(o.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return await e.executeCommand(Me.id,{unitId:n})}},Me={id:"slide.operation.add-text",type:o.CommandType.OPERATION,handler:async(r,e)=>{const t=e.unitId,n=o.generateRandomId(6),i=220,s=40,a=230,c=142,l=(e==null?void 0:e.text)||"A New Text",d=r.get(o.IUniverInstanceService).getUnit(t);if(!d)return!1;const g=d.getActivePage(),C=Object.values(g.pageElements),f=C!=null&&C.length?Math.max(...C.map(I=>I.zIndex)):21,_={id:n,zIndex:f+1,left:a,top:c,width:i,height:s,title:"text",description:"",type:o.PageElementType.TEXT,richText:{text:l,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};g.pageElements[n]=_,d.updatePage(g.id,g);const S=r.get(exports.CanvasView),v=S.createObjectToPage(_,g.id,t);return v&&S.setObjectActiveByPage(v,g.id,t),!0}},Ue={id:"slide.operation.set-slide-page-thumb",type:o.CommandType.OPERATION,handler:(r,e)=>(r.get(exports.CanvasView).createThumbs(e.unitId),!0)},cn="univer-image-popup-menu",ln="univer-image-popup-menu-item",dn="univer-image-popup-menu-item-title",un="univer-btn-container",gn="univer-btn-container-expand",ee={imagePopupMenu:cn,imagePopupMenuItem:ln,imagePopupMenuItemTitle:dn,btnContainer:un,btnContainerExpand:gn};function mn(r){var _,S;const e=(S=(_=r.popup)==null?void 0:_.extraProps)==null?void 0:S.menuItems;if(!e)return null;const t=p.useDependency(o.ICommandService),n=p.useDependency(o.LocaleService),[i,s]=E.useState(!1),[a,c]=E.useState(!1),l=()=>{c(!0)},h=()=>{c(!1)},d=v=>{s(v)},g=v=>{t.executeCommand(v.commandId,v.commandParams),s(!1)},C=i||a,f=e.filter(v=>!v.disable);return u.jsx("div",{onMouseEnter:l,onMouseLeave:h,children:u.jsx(O.Dropdown,{align:"start",overlay:u.jsx("ul",{className:O.clsx(ee.imagePopupMenu,`
                           univer-box-border univer-p-2 univer-text-sm univer-theme
                         `),children:f.map(v=>u.jsx("li",{onClick:()=>g(v),className:ee.imagePopupMenuItem,children:u.jsx("span",{className:ee.imagePopupMenuItemTitle,children:n.t(v.label)})},v.index))}),open:i,onOpenChange:d,children:u.jsxs("div",{className:O.clsx(ee.btnContainer,{[ee.btnContainerExpand]:i}),children:[u.jsx(We,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),C&&u.jsx(Oe,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})}const hn="univer-slide-bar",vn="univer-slide-bar-content",pn="univer-slide-bar-content-header",Cn="univer-slide-bar-item",_n="univer-slide-bar-box",Sn="univer-slide-bar-item-active",Y={slideBar:hn,slideBarContent:vn,slideBarContentHeader:pn,slideBarItem:Cn,slideBarBox:_n,slideBarItemActive:Sn};function Je(){var _,S;const r=p.useDependency(o.IUniverInstanceService),e=p.useDependency(o.ICommandService),t=p.useDependency(b.IRenderManagerService),n=p.useDependency(o.LocaleService),i=E.useRef(null),s=r.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE),a=s==null?void 0:s.getPages(),c=s==null?void 0:s.getPageOrder();if(!a||!c)return null;const l=c.map(v=>a[v]),[h,d]=E.useState((S=(_=s==null?void 0:s.getActivePage())==null?void 0:_.id)!=null?S:null),g=E.useMemo(()=>l.map(()=>E.createRef()),[l]);E.useEffect(()=>{const v=s==null?void 0:s.activePage$.subscribe(I=>{var R;const y=(R=I==null?void 0:I.id)!=null?R:null;y&&d(y)});return()=>{v==null||v.unsubscribe()}},[]),E.useEffect(()=>{g.forEach((v,I)=>{var y;if(v.current){const R=l[I];(y=t.getRenderById(R.id))==null||y.engine.setContainer(v.current)}}),g.length>0&&e.syncExecuteCommand(Ue.id,{unitId:s==null?void 0:s.getUnitId()})},[g,l,t,e,s]);const C=E.useCallback(v=>{e.syncExecuteCommand(De.id,{id:v,unitId:s==null?void 0:s.getUnitId()})},[e,s]),f=E.useCallback(()=>{e.syncExecuteCommand(je.id,{unitId:s==null?void 0:s.getUnitId()})},[e,s]);return u.jsx("aside",{className:Y.slideBar,ref:i,children:u.jsx(O.Scrollbar,{children:u.jsxs("div",{className:Y.slideBarContent,children:[u.jsx("header",{className:Y.slideBarContentHeader,children:u.jsx("a",{onClick:f,children:n.t("slide.append")})}),l.map((v,I)=>u.jsxs("div",{className:O.clsx(Y.slideBarItem,{[Y.slideBarItemActive]:v.id===h}),onClick:()=>C(v.id),children:[u.jsx("span",{children:I+1}),u.jsx("div",{ref:g[I],className:Y.slideBarBox})]},v.id))]})})})}const fn="univer-slide-editor-container",In={slideEditorContainer:fn},de=-1e3,$e={width:0,height:0,top:de,left:de},Qe=()=>{const[r,e]=E.useState({...$e}),t=p.useDependency(Te),n=p.useDependency(M.IEditorService),i=p.useDependency(o.IContextService),s=p.useObservable(()=>i.subscribeContextValue$(p.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,p.DISABLE_AUTO_FOCUS_KEY]);return o.DocumentFlavor.UNSPECIFIED,E.useEffect(()=>{t.state$.subscribe(a=>{if(a==null)return;const{startX:c=de,startY:l=de,endX:h=0,endY:d=0,show:g=!1}=a;if(!g)e({...$e});else{e({width:h-c-b.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:d-l-b.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:c+b.FIX_ONE_PIXEL_BLUR_OFFSET,top:l+b.FIX_ONE_PIXEL_BLUR_OFFSET});const C=n.getEditor(q);if(C==null)return;const{left:f,top:_,width:S,height:v}=C.getBoundingClientRect();t.setRect({left:f,top:_,width:S,height:v})}})},[]),E.useEffect(()=>{s||t.setFocus(!0)},[s,r]),u.jsx("div",{className:In.slideEditorContainer,style:{left:r.left,top:r.top,width:r.width,height:r.height}})},et="addition-and-subtraction-single",we="slide.menu.image";function bn(r){return{id:we,type:p.MenuItemType.SUBITEMS,icon:et,tooltip:"slide.image.insert.title",hidden$:p.getMenuHiddenObservable(r,o.UniverInstanceType.UNIVER_SLIDE)}}function En(r){return{id:he.id,title:"slide.image.insert.float",type:p.MenuItemType.BUTTON,hidden$:p.getMenuHiddenObservable(r,o.UniverInstanceType.UNIVER_SLIDE)}}const tt="graph-single",Ne="slide.menu.shape";function xn(r){return{id:Ne,type:p.MenuItemType.SUBITEMS,icon:tt,tooltip:"slide.shape.insert.title",hidden$:p.getMenuHiddenObservable(r,o.UniverInstanceType.UNIVER_SLIDE)}}function Pn(r){return{id:ge.id,title:"slide.shape.insert.rectangle",type:p.MenuItemType.BUTTON,hidden$:p.getMenuHiddenObservable(r,o.UniverInstanceType.UNIVER_SLIDE)}}const nt="text-single";function Rn(r){return{id:ve.id,type:p.MenuItemType.BUTTON,icon:nt,tooltip:"slide.text.insert.title",hidden$:p.getMenuHiddenObservable(r,o.UniverInstanceType.UNIVER_SLIDE)}}const it={[p.RibbonStartGroup.FORMAT]:{[ve.id]:{order:0,menuItemFactory:Rn},[we]:{order:0,menuItemFactory:bn,[he.id]:{order:0,menuItemFactory:En}},[Ne]:{order:0,menuItemFactory:xn,[ge.id]:{order:0,menuItemFactory:Pn}}}};function Pe(r){return r.getContextValue(o.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(o.EDITOR_ACTIVATED)}function On(r){return r.getContextValue(o.FORMULA_EDITOR_ACTIVATED)&&r.getContextValue(o.FOCUSING_UNIVER_EDITOR)}const rt=[p.KeyCode.ARROW_DOWN,p.KeyCode.ARROW_UP,p.KeyCode.ARROW_LEFT,p.KeyCode.ARROW_RIGHT];[p.KeyCode.ENTER,p.KeyCode.TAB,...rt];function yn(){const r=[];for(const e of rt)r.push({id:le.id,binding:e,preconditions:t=>Pe(t),staticParameters:{visible:!1,eventType:b.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),r.push({id:le.id,binding:e|p.MetaKeys.SHIFT,preconditions:t=>Pe(t),staticParameters:{visible:!1,eventType:b.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return r}const Tn={id:M.DeleteLeftCommand.id,preconditions:r=>Pe(r)||On(r),binding:p.KeyCode.BACKSPACE};var Dn=Object.getOwnPropertyDescriptor,jn=(r,e,t,n)=>{for(var i=n>1?void 0:n?Dn(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},Z=(r,e)=>(t,n)=>e(t,n,r);exports.SlidesUIController=class extends o.Disposable{constructor(e,t,n,i,s,a){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=i,this._commandService=s,this._shortcutService=a,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(it)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(et,Fe)),this.disposeWithMe(e.register(nt,Ye)),this.disposeWithMe(e.register(tt,Ke)),this.disposeWithMe(e.register(qe,mn)),this.disposeWithMe(e.register(oe,kt))}_initCommands(){[je,De,Ue,he,Me,ve,ye,ge,Ie,Re,L,le].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(p.BuiltInUIPart.LEFT_SIDEBAR,()=>p.connectInjector(Je,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(p.BuiltInUIPart.CONTENT,()=>p.connectInjector(Qe,this._injector)))}_initShortcuts(){[Tn,...yn()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};exports.SlidesUIController=jn([Z(0,o.Inject(o.Injector)),Z(1,p.IMenuManagerService),Z(2,o.Inject(p.ComponentManager)),Z(3,p.IUIPartsService),Z(4,o.ICommandService),Z(5,p.IShortcutService)],exports.SlidesUIController);var Mn=Object.getOwnPropertyDescriptor,Un=(r,e,t,n)=>{for(var i=n>1?void 0:n?Mn(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},fe=(r,e)=>(t,n)=>e(t,n,r);let ue=class extends o.RxDisposable{constructor(r,e,t){super(),this._contextService=r,this._instanceSrv=e,this._renderManagerService=t,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(o.UniverInstanceType.UNIVER_SLIDE).pipe(w.takeUntil(this.dispose$)).subscribe(r=>{this._createRenderer(r==null?void 0:r.getUnitId())}),this._instanceSrv.getAllUnitsForType(o.UniverInstanceType.UNIVER_SLIDE).forEach(r=>{this._createRenderer(r.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(o.UniverInstanceType.UNIVER_SLIDE).pipe(w.takeUntil(this.dispose$)).subscribe(r=>this._disposeRenderer(r))}_createRenderer(r){r==null||this._instanceSrv.getUnit(r,o.UniverInstanceType.UNIVER_SLIDE)==null||this._renderManagerService.createRender(r)}_disposeRenderer(r){const e=r.getUnitId();this._renderManagerService.removeRender(e)}_initContextListener(){}};ue=Un([fe(0,o.IContextService),fe(1,o.IUniverInstanceService),fe(2,b.IRenderManagerService)],ue);var wn=Object.getOwnPropertyDescriptor,Nn=(r,e,t,n)=>{for(var i=n>1?void 0:n?wn(e,t):e,s=r.length-1,a;s>=0;s--)(a=r[s])&&(i=a(i)||i);return i},re=(r,e)=>(t,n)=>e(t,n,r);const Vn="SLIDE_UI";var se;exports.UniverSlidesUIPlugin=(se=class extends o.Plugin{constructor(e=Ve,t,n,i,s){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=i,this._configService=s;const{menu:a,...c}=o.merge({},Ve,this._config);a&&this._configService.setConfig("menu",a,{merge:!0}),this._configService.setConfig(Ct,c)}onStarting(){o.mergeOverrideWithDependencies([[ue],[me,{useClass:be}],[Te,{useClass:en}],[exports.SlideCanvasPopMangerService]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[te]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(o.UniverInstanceType.UNIVER_SLIDE,e))}),o.mergeOverrideWithDependencies([[exports.CanvasView],[exports.SlidesUIController],[te],[ce]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(exports.CanvasView),this._injector.get(ue)}onRendered(){[[xe],[Ee]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(o.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(exports.SlidesUIController)}onSteady(){this._injector.get(ce)}_markSlideAsFocused(){const e=this._univerInstanceService;try{const t=e.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},P(se,"pluginName",Vn),P(se,"type",o.UniverInstanceType.UNIVER_SLIDE),se);exports.UniverSlidesUIPlugin=Nn([re(1,o.Inject(o.Injector)),re(2,b.IRenderManagerService),re(3,o.IUniverInstanceService),re(4,o.IConfigService)],exports.UniverSlidesUIPlugin);exports.ActivateSlidePageOperation=De;exports.AppendSlideOperation=je;exports.DeleteSlideElementOperation=Re;exports.ISlideEditorBridgeService=me;exports.InsertSlideFloatImageCommand=he;exports.InsertSlideShapeRectangleCommand=ge;exports.InsertSlideShapeRectangleOperation=ye;exports.SHAPE_MENU_ID=Ne;exports.SLIDES_IMAGE_MENU_ID=we;exports.SLIDE_EDITOR_ID=q;exports.SetSlidePageThumbOperation=Ue;exports.SlideAddTextCommand=ve;exports.SlideAddTextOperation=Me;exports.SlideEditorContainer=Qe;exports.SlideSideBar=Je;exports.SlidesUIMenuSchema=it;exports.UpdateSlideElementOperation=L;

package/lib/es/index.js

@@ -7,8 +7,8 @@ import { ObjectProvider as Mn, SLIDE_KEY as oe } from "@univerjs/slides";
 import { useDependency as x, ISidebarService as Mt, ICanvasPopupService as wn, ILayoutService as Nn, KeyCode as M, ILocalFileService as Dn, useObservable as Un, DISABLE_AUTO_FOCUS_KEY as at, getMenuHiddenObservable as fe, MenuItemType as _e, RibbonStartGroup as Vn, MetaKeys as Bn, IMenuManagerService as jn, ComponentManager as Ln, IUIPartsService as An, IShortcutService as $n, BuiltInUIPart as ct, connectInjector as lt } from "@univerjs/ui";
 import { jsxs as R, jsx as u } from "react/jsx-runtime";
 import { clsx as y, Button as be, Dropdown as wt, ColorPicker as Hn, InputNumber as de, Scrollbar as Fn } from "@univerjs/design";
-import Nt, { forwardRef as $, useRef as Dt, createElement as H, useState as G, useEffect as me, useMemo as zn, useCallback as dt } from "react";
-import { BehaviorSubject as Q, Subject as Ut, filter as Wn, takeUntil as ut } from "rxjs";
+import Nt, { forwardRef as $, useRef as Dt, createElement as H, useState as G, useEffect as me, useMemo as Wn, useCallback as dt } from "react";
+import { BehaviorSubject as Q, Subject as Ut, filter as zn, takeUntil as ut } from "rxjs";
 import { DocSelectionManagerService as kn, DocSkeletonManagerService as gt, RichTextEditingMutation as Kn } from "@univerjs/docs";
 import { IEditorService as Ye, DocSelectionRenderService as ht, VIEWPORT_KEY as mt, DOCS_COMPONENT_MAIN_LAYER_INDEX as Gn, MoveSelectionOperation as Xn, MoveCursorOperation as Yn, DOCS_VIEW_KEY as Zn, DeleteLeftCommand as qn } from "@univerjs/docs-ui";
 import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Jn, IImageIoService as Qn, getImageSize as ei } from "@univerjs/drawing";
@@ -407,22 +407,22 @@ var Ci = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em"
   }));
 });
 Ft.displayName = "MoveUpSingle";
-var fi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, zt = $(function(i, e) {
+var fi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Wt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "paint-bucket",
     ref: e,
     icon: fi
   }));
 });
-zt.displayName = "PaintBucket";
-var _i = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z" } }] }, Wt = $(function(i, e) {
+Wt.displayName = "PaintBucket";
+var _i = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z" } }] }, zt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "text-single",
     ref: e,
     icon: _i
   }));
 });
-Wt.displayName = "TextSingle";
+zt.displayName = "TextSingle";
 var Si = { 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" } }] }, kt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "topmost-single",
@@ -477,7 +477,7 @@ function Mi(i) {
   return /* @__PURE__ */ R("div", { className: g.imageCommonPanelGrid, children: [
     /* @__PURE__ */ u("div", { className: g.imageCommonPanelRow, children: /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelTitle), children: /* @__PURE__ */ u("div", { children: n.t("image-panel.arrange.title") }) }) }),
     /* @__PURE__ */ R("div", { className: g.imageCommonPanelRow, children: [
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           0
           /* forward */
@@ -486,7 +486,7 @@ function Mi(i) {
         /* @__PURE__ */ u(Ft, {}),
         n.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           1
           /* backward */
@@ -497,7 +497,7 @@ function Mi(i) {
       ] }) }) })
     ] }),
     /* @__PURE__ */ R("div", { className: g.imageCommonPanelRow, children: [
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           2
           /* front */
@@ -506,7 +506,7 @@ function Mi(i) {
         /* @__PURE__ */ u(kt, {}),
         n.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           3
           /* back */
@@ -561,7 +561,7 @@ function wi(i) {
               }
             ) }),
             children: /* @__PURE__ */ R("a", { className: g.uiPluginSheetsBorderPanelButton, children: [
-              /* @__PURE__ */ u(zt, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
+              /* @__PURE__ */ u(Wt, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
               /* @__PURE__ */ u("span", { className: g.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ u(Ze, {}) })
             ] })
           }
@@ -583,7 +583,7 @@ function Ni(i) {
     left: f = 0,
     top: C = 0,
     angle: p = 0
-  } = l, [m, _] = G(d), [b, P] = G(v), [w, D] = G(f), [j, O] = G(C), [K, ae] = G(p), z = (S) => {
+  } = l, [m, _] = G(d), [b, P] = G(v), [w, D] = G(f), [j, O] = G(C), [K, ae] = G(p), W = (S) => {
     const { objects: ce } = S, le = ce.values().next().value, {
       width: sn = 0,
       height: on = 0,
@@ -595,15 +595,15 @@ function Ni(i) {
   };
   me(() => {
     const S = c.changeStart$.subscribe((le) => {
-      z(le);
+      W(le);
     }), ce = c.changing$.subscribe((le) => {
-      z(le);
+      W(le);
     });
     return () => {
       ce.unsubscribe(), S.unsubscribe();
     };
   }, []);
-  function W(S) {
+  function z(S) {
     !S || !l || (s.executeCommand(k.id, {
       pageId: e,
       oKey: l.oKey,
@@ -666,7 +666,7 @@ function Ni(i) {
                 min: 1,
                 value: m,
                 onChange: (S) => {
-                  W(S);
+                  z(S);
                 }
               }
             ) }) })
@@ -839,8 +839,8 @@ let Te = class extends Ve {
   }
   _createObjectPositionObserver(i, e) {
     const n = (() => {
-      var z, W, te, ne;
-      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = i, v = (o.width - ((W = (z = e.mainComponent) == null ? void 0 : z.width) != null ? W : 0)) / 2, f = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, C = {
+      var W, z, te, ne;
+      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = i, v = (o.width - ((z = (W = e.mainComponent) == null ? void 0 : W.width) != null ? z : 0)) / 2, f = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, C = {
         left: c,
         right: c + l,
         top: h,
@@ -1154,7 +1154,7 @@ Fe = Fi([
   je(1, Ce),
   je(2, Y)
 ], Fe);
-class zi {
+class Wi {
   constructor() {
     I(this, "_state", null);
     I(this, "_rect", null);
@@ -1191,13 +1191,13 @@ class zi {
 const Qe = Pt(
   "univer.slide-editor-manager.service"
 );
-var Z = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(Z || {}), Wi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Wi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Z = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(Z || {}), zi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, A = (i, e) => (t, n) => e(t, n, i);
 const Ct = -1e3, ft = 5, Ki = 2;
-let ze = class extends Ve {
+let We = class extends Ve {
   constructor(e, t, n, r, s, o, a, c, h, l, d, v) {
     super();
     /**
@@ -1248,7 +1248,7 @@ let ze = class extends Ve {
     return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Wn((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(zn((t) => !!t)).subscribe(() => {
       var t;
       (t = $e(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(ht).sync();
     }));
@@ -1346,8 +1346,8 @@ let ze = class extends Ve {
     let { startX: b, startY: P } = n;
     b += r.left, P += r.top;
     const { document: w, scene: D, engine: j } = c, O = D.getViewport(mt.VIEW_MAIN), K = document.body.clientHeight - P - r.top - Ki * 2, ae = document.body.clientWidth - b - r.left;
-    let z = t, W = O == null ? void 0 : O.getScrollBar();
-    z > K ? (z = K, W == null ? O && new yt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (W = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (W == null ? void 0 : W.barSize) || 0, e = Math.min(e, ae), b -= se, P -= se, this._addBackground(D, e / o, t / a, s);
+    let W = t, z = O == null ? void 0 : O.getScrollBar();
+    W > K ? (W = K, z == null ? O && new yt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (z = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (z == null ? void 0 : z.barSize) || 0, e = Math.min(e, ae), b -= se, P -= se, this._addBackground(D, e / o, t / a, s);
     const { scaleX: te, scaleY: ne } = D.getPrecisionScale();
     D.transformByState({
       width: e * _ / o,
@@ -1357,7 +1357,7 @@ let ze = class extends Ve {
     }), w.resize(e / o, t / a), setTimeout(() => {
       j.resizeBySize(
         ot(e, te),
-        ot(z, ne)
+        ot(W, ne)
       );
     }, 0);
     const Se = this._layoutService.getContentElement().getBoundingClientRect(), Ie = d.getBoundingClientRect();
@@ -1365,7 +1365,7 @@ let ze = class extends Ve {
       startX: b,
       startY: P,
       endX: e * _ + b,
-      endY: z * _ + P,
+      endY: W * _ + P,
       show: !0
     });
   }
@@ -1533,7 +1533,7 @@ let ze = class extends Ve {
     });
   }
 };
-ze = ki([
+We = ki([
   A(1, Nn),
   A(2, _n),
   A(3, Ce),
@@ -1545,7 +1545,7 @@ ze = ki([
   A(9, B),
   A(10, X(ee)),
   A(11, Ye)
-], ze);
+], We);
 function Gi(i, e) {
   if (i == null)
     return;
@@ -1565,7 +1565,7 @@ var Xi = Object.getOwnPropertyDescriptor, Yi = (i, e, t, n) => {
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Le = (i, e) => (t, n) => e(t, n, i);
-let We = class extends pe {
+let ze = class extends pe {
   constructor(e, t, n, r) {
     super();
     /**
@@ -1673,11 +1673,11 @@ let We = class extends pe {
     this._editorBridgeService.changeVisible({ visible: e, eventType: J.PointerDown, unitId: t });
   }
 };
-We = Yi([
+ze = Yi([
   Le(1, T),
   Le(2, B),
   Le(3, Je)
-], We);
+], ze);
 const Xt = {
   id: "slide.operation.activate-slide",
   type: V.OPERATION,
@@ -1863,7 +1863,7 @@ function cr() {
   const i = x(T), e = x(B), t = x(Y), n = x(ee), r = Dt(null), s = i.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
   if (!o || !a)
     return null;
-  const c = a.map((m) => o[m]), [h, l] = G((p = (C = s == null ? void 0 : s.getActivePage()) == null ? void 0 : C.id) != null ? p : null), d = zn(() => c.map(() => Nt.createRef()), [c]);
+  const c = a.map((m) => o[m]), [h, l] = G((p = (C = s == null ? void 0 : s.getActivePage()) == null ? void 0 : C.id) != null ? p : null), d = Wn(() => c.map(() => Nt.createRef()), [c]);
   me(() => {
     const m = s == null ? void 0 : s.activePage$.subscribe((_) => {
       var P;
@@ -2093,7 +2093,7 @@ let De = class extends Ve {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Jt, jt)), this.disposeWithMe(i.register(nn, Wt)), this.disposeWithMe(i.register(en, $t)), this.disposeWithMe(i.register(Gt, tr)), this.disposeWithMe(i.register(Oe, Vi));
+    this.disposeWithMe(i.register(Jt, jt)), this.disposeWithMe(i.register(nn, zt)), this.disposeWithMe(i.register(en, $t)), this.disposeWithMe(i.register(Gt, tr)), this.disposeWithMe(i.register(Oe, Vi));
   }
   _initCommands() {
     [
@@ -2193,7 +2193,7 @@ let St = (Re = class extends En {
       [Ue],
       [Je, { useClass: Fe }],
       // used by SlideUIController --> EditorContainer
-      [Qe, { useClass: zi }],
+      [Qe, { useClass: Wi }],
       [Te]
     ], this._config.override).forEach((i) => this._injector.add(i));
   }
@@ -2223,8 +2223,8 @@ let St = (Re = class extends En {
     [
       // need slideEditorBridgeService
       // need TextSelectionRenderService which init by EditorContainer
-      [We],
-      [ze]
+      [ze],
+      [We]
     ].forEach((i) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
     }), this._markSlideAsFocused(), this._injector.get(De);

package/lib/index.js

@@ -7,8 +7,8 @@ import { ObjectProvider as Mn, SLIDE_KEY as oe } from "@univerjs/slides";
 import { useDependency as x, ISidebarService as Mt, ICanvasPopupService as wn, ILayoutService as Nn, KeyCode as M, ILocalFileService as Dn, useObservable as Un, DISABLE_AUTO_FOCUS_KEY as at, getMenuHiddenObservable as fe, MenuItemType as _e, RibbonStartGroup as Vn, MetaKeys as Bn, IMenuManagerService as jn, ComponentManager as Ln, IUIPartsService as An, IShortcutService as $n, BuiltInUIPart as ct, connectInjector as lt } from "@univerjs/ui";
 import { jsxs as R, jsx as u } from "react/jsx-runtime";
 import { clsx as y, Button as be, Dropdown as wt, ColorPicker as Hn, InputNumber as de, Scrollbar as Fn } from "@univerjs/design";
-import Nt, { forwardRef as $, useRef as Dt, createElement as H, useState as G, useEffect as me, useMemo as zn, useCallback as dt } from "react";
-import { BehaviorSubject as Q, Subject as Ut, filter as Wn, takeUntil as ut } from "rxjs";
+import Nt, { forwardRef as $, useRef as Dt, createElement as H, useState as G, useEffect as me, useMemo as Wn, useCallback as dt } from "react";
+import { BehaviorSubject as Q, Subject as Ut, filter as zn, takeUntil as ut } from "rxjs";
 import { DocSelectionManagerService as kn, DocSkeletonManagerService as gt, RichTextEditingMutation as Kn } from "@univerjs/docs";
 import { IEditorService as Ye, DocSelectionRenderService as ht, VIEWPORT_KEY as mt, DOCS_COMPONENT_MAIN_LAYER_INDEX as Gn, MoveSelectionOperation as Xn, MoveCursorOperation as Yn, DOCS_VIEW_KEY as Zn, DeleteLeftCommand as qn } from "@univerjs/docs-ui";
 import { DRAWING_IMAGE_ALLOW_IMAGE_LIST as Jn, IImageIoService as Qn, getImageSize as ei } from "@univerjs/drawing";
@@ -407,22 +407,22 @@ var Ci = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em"
   }));
 });
 Ft.displayName = "MoveUpSingle";
-var fi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, zt = $(function(i, e) {
+var fi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Wt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "paint-bucket",
     ref: e,
     icon: fi
   }));
 });
-zt.displayName = "PaintBucket";
-var _i = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z" } }] }, Wt = $(function(i, e) {
+Wt.displayName = "PaintBucket";
+var _i = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z" } }] }, zt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "text-single",
     ref: e,
     icon: _i
   }));
 });
-Wt.displayName = "TextSingle";
+zt.displayName = "TextSingle";
 var Si = { 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" } }] }, kt = $(function(i, e) {
   return H(F, Object.assign({}, i, {
     id: "topmost-single",
@@ -477,7 +477,7 @@ function Mi(i) {
   return /* @__PURE__ */ R("div", { className: g.imageCommonPanelGrid, children: [
     /* @__PURE__ */ u("div", { className: g.imageCommonPanelRow, children: /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelTitle), children: /* @__PURE__ */ u("div", { children: n.t("image-panel.arrange.title") }) }) }),
     /* @__PURE__ */ R("div", { className: g.imageCommonPanelRow, children: [
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           0
           /* forward */
@@ -486,7 +486,7 @@ function Mi(i) {
         /* @__PURE__ */ u(Ft, {}),
         n.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           1
           /* backward */
@@ -497,7 +497,7 @@ function Mi(i) {
       ] }) }) })
     ] }),
     /* @__PURE__ */ R("div", { className: g.imageCommonPanelRow, children: [
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           2
           /* front */
@@ -506,7 +506,7 @@ function Mi(i) {
         /* @__PURE__ */ u(kt, {}),
         n.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { size: "small", onClick: () => {
+      /* @__PURE__ */ u("div", { className: y(g.imageCommonPanelColumn, g.imageCommonPanelSpan2), children: /* @__PURE__ */ u(be, { onClick: () => {
         d(
           3
           /* back */
@@ -561,7 +561,7 @@ function wi(i) {
               }
             ) }),
             children: /* @__PURE__ */ R("a", { className: g.uiPluginSheetsBorderPanelButton, children: [
-              /* @__PURE__ */ u(zt, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
+              /* @__PURE__ */ u(Wt, { extend: { colorChannel1: d != null ? d : "rgb(var(--primary-color))" } }),
               /* @__PURE__ */ u("span", { className: g.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ u(Ze, {}) })
             ] })
           }
@@ -583,7 +583,7 @@ function Ni(i) {
     left: f = 0,
     top: C = 0,
     angle: p = 0
-  } = l, [m, _] = G(d), [b, P] = G(v), [w, D] = G(f), [j, O] = G(C), [K, ae] = G(p), z = (S) => {
+  } = l, [m, _] = G(d), [b, P] = G(v), [w, D] = G(f), [j, O] = G(C), [K, ae] = G(p), W = (S) => {
     const { objects: ce } = S, le = ce.values().next().value, {
       width: sn = 0,
       height: on = 0,
@@ -595,15 +595,15 @@ function Ni(i) {
   };
   me(() => {
     const S = c.changeStart$.subscribe((le) => {
-      z(le);
+      W(le);
     }), ce = c.changing$.subscribe((le) => {
-      z(le);
+      W(le);
     });
     return () => {
       ce.unsubscribe(), S.unsubscribe();
     };
   }, []);
-  function W(S) {
+  function z(S) {
     !S || !l || (s.executeCommand(k.id, {
       pageId: e,
       oKey: l.oKey,
@@ -666,7 +666,7 @@ function Ni(i) {
                 min: 1,
                 value: m,
                 onChange: (S) => {
-                  W(S);
+                  z(S);
                 }
               }
             ) }) })
@@ -839,8 +839,8 @@ let Te = class extends Ve {
   }
   _createObjectPositionObserver(i, e) {
     const n = (() => {
-      var z, W, te, ne;
-      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = i, v = (o.width - ((W = (z = e.mainComponent) == null ? void 0 : z.width) != null ? W : 0)) / 2, f = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, C = {
+      var W, z, te, ne;
+      const { scene: o, engine: a } = e, { left: c, top: h, width: l, height: d } = i, v = (o.width - ((z = (W = e.mainComponent) == null ? void 0 : W.width) != null ? z : 0)) / 2, f = (o.height - ((ne = (te = e.mainComponent) == null ? void 0 : te.height) != null ? ne : 0)) / 2, C = {
         left: c,
         right: c + l,
         top: h,
@@ -1154,7 +1154,7 @@ Fe = Fi([
   je(1, Ce),
   je(2, Y)
 ], Fe);
-class zi {
+class Wi {
   constructor() {
     I(this, "_state", null);
     I(this, "_rect", null);
@@ -1191,13 +1191,13 @@ class zi {
 const Qe = Pt(
   "univer.slide-editor-manager.service"
 );
-var Z = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(Z || {}), Wi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? Wi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
+var Z = /* @__PURE__ */ ((i) => (i[i.InitialState = 0] = "InitialState", i[i.StartEditor = 1] = "StartEditor", i[i.CursorChange = 2] = "CursorChange", i))(Z || {}), zi = Object.getOwnPropertyDescriptor, ki = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? zi(e, t) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, A = (i, e) => (t, n) => e(t, n, i);
 const Ct = -1e3, ft = 5, Ki = 2;
-let ze = class extends Ve {
+let We = class extends Ve {
   constructor(e, t, n, r, s, o, a, c, h, l, d, v) {
     super();
     /**
@@ -1248,7 +1248,7 @@ let ze = class extends Ve {
     return (t = this._renderManagerService.getRenderById(e)) == null ? void 0 : t.with(gt).getViewModel();
   }
   _initialCursorSync(e) {
-    e.add(this._cellEditorManagerService.focus$.pipe(Wn((t) => !!t)).subscribe(() => {
+    e.add(this._cellEditorManagerService.focus$.pipe(zn((t) => !!t)).subscribe(() => {
       var t;
       (t = $e(E.UNIVER_DOC, this._instanceSrv, this._renderManagerService)) == null || t.with(ht).sync();
     }));
@@ -1346,8 +1346,8 @@ let ze = class extends Ve {
     let { startX: b, startY: P } = n;
     b += r.left, P += r.top;
     const { document: w, scene: D, engine: j } = c, O = D.getViewport(mt.VIEW_MAIN), K = document.body.clientHeight - P - r.top - Ki * 2, ae = document.body.clientWidth - b - r.left;
-    let z = t, W = O == null ? void 0 : O.getScrollBar();
-    z > K ? (z = K, W == null ? O && new yt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (W = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (W == null ? void 0 : W.barSize) || 0, e = Math.min(e, ae), b -= se, P -= se, this._addBackground(D, e / o, t / a, s);
+    let W = t, z = O == null ? void 0 : O.getScrollBar();
+    W > K ? (W = K, z == null ? O && new yt(O, { enableHorizontal: !1, barSize: 8 }) : O == null || O.resetCanvasSizeAndUpdateScroll()) : (z = null, (S = O == null ? void 0 : O.getScrollBar()) == null || S.dispose()), e += (z == null ? void 0 : z.barSize) || 0, e = Math.min(e, ae), b -= se, P -= se, this._addBackground(D, e / o, t / a, s);
     const { scaleX: te, scaleY: ne } = D.getPrecisionScale();
     D.transformByState({
       width: e * _ / o,
@@ -1357,7 +1357,7 @@ let ze = class extends Ve {
     }), w.resize(e / o, t / a), setTimeout(() => {
       j.resizeBySize(
         ot(e, te),
-        ot(z, ne)
+        ot(W, ne)
       );
     }, 0);
     const Se = this._layoutService.getContentElement().getBoundingClientRect(), Ie = d.getBoundingClientRect();
@@ -1365,7 +1365,7 @@ let ze = class extends Ve {
       startX: b,
       startY: P,
       endX: e * _ + b,
-      endY: z * _ + P,
+      endY: W * _ + P,
       show: !0
     });
   }
@@ -1533,7 +1533,7 @@ let ze = class extends Ve {
     });
   }
 };
-ze = ki([
+We = ki([
   A(1, Nn),
   A(2, _n),
   A(3, Ce),
@@ -1545,7 +1545,7 @@ ze = ki([
   A(9, B),
   A(10, X(ee)),
   A(11, Ye)
-], ze);
+], We);
 function Gi(i, e) {
   if (i == null)
     return;
@@ -1565,7 +1565,7 @@ var Xi = Object.getOwnPropertyDescriptor, Yi = (i, e, t, n) => {
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, Le = (i, e) => (t, n) => e(t, n, i);
-let We = class extends pe {
+let ze = class extends pe {
   constructor(e, t, n, r) {
     super();
     /**
@@ -1673,11 +1673,11 @@ let We = class extends pe {
     this._editorBridgeService.changeVisible({ visible: e, eventType: J.PointerDown, unitId: t });
   }
 };
-We = Yi([
+ze = Yi([
   Le(1, T),
   Le(2, B),
   Le(3, Je)
-], We);
+], ze);
 const Xt = {
   id: "slide.operation.activate-slide",
   type: V.OPERATION,
@@ -1863,7 +1863,7 @@ function cr() {
   const i = x(T), e = x(B), t = x(Y), n = x(ee), r = Dt(null), s = i.getCurrentUnitForType(E.UNIVER_SLIDE), o = s == null ? void 0 : s.getPages(), a = s == null ? void 0 : s.getPageOrder();
   if (!o || !a)
     return null;
-  const c = a.map((m) => o[m]), [h, l] = G((p = (C = s == null ? void 0 : s.getActivePage()) == null ? void 0 : C.id) != null ? p : null), d = zn(() => c.map(() => Nt.createRef()), [c]);
+  const c = a.map((m) => o[m]), [h, l] = G((p = (C = s == null ? void 0 : s.getActivePage()) == null ? void 0 : C.id) != null ? p : null), d = Wn(() => c.map(() => Nt.createRef()), [c]);
   me(() => {
     const m = s == null ? void 0 : s.activePage$.subscribe((_) => {
       var P;
@@ -2093,7 +2093,7 @@ let De = class extends Ve {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Jt, jt)), this.disposeWithMe(i.register(nn, Wt)), this.disposeWithMe(i.register(en, $t)), this.disposeWithMe(i.register(Gt, tr)), this.disposeWithMe(i.register(Oe, Vi));
+    this.disposeWithMe(i.register(Jt, jt)), this.disposeWithMe(i.register(nn, zt)), this.disposeWithMe(i.register(en, $t)), this.disposeWithMe(i.register(Gt, tr)), this.disposeWithMe(i.register(Oe, Vi));
   }
   _initCommands() {
     [
@@ -2193,7 +2193,7 @@ let St = (Re = class extends En {
       [Ue],
       [Je, { useClass: Fe }],
       // used by SlideUIController --> EditorContainer
-      [Qe, { useClass: zi }],
+      [Qe, { useClass: Wi }],
       [Te]
     ], this._config.override).forEach((i) => this._injector.add(i));
   }
@@ -2223,8 +2223,8 @@ let St = (Re = class extends En {
     [
       // need slideEditorBridgeService
       // need TextSelectionRenderService which init by EditorContainer
-      [We],
-      [ze]
+      [ze],
+      [We]
     ].forEach((i) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SLIDE, i));
     }), this._markSlideAsFocused(), this._injector.get(De);

package/lib/umd/index.js

@@ -1,4 +1,4 @@
-(function(m,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/ui"),require("react/jsx-runtime"),require("@univerjs/design"),require("react"),require("rxjs"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("@univerjs/drawing")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@univerjs/slides","@univerjs/ui","react/jsx-runtime","@univerjs/design","react","rxjs","@univerjs/docs","@univerjs/docs-ui","@univerjs/drawing"],a):(m=typeof globalThis<"u"?globalThis:m||self,a(m.UniverSlidesUi={},m.UniverCore,m.UniverEngineRender,m.UniverSlides,m.UniverUi,m.React,m.UniverDesign,m.React,m.rxjs,m.UniverDocs,m.UniverDocsUi,m.UniverDrawing))})(this,function(m,a,S,z,C,u,T,b,N,ie,R,pe){"use strict";var mn=Object.defineProperty;var vn=(m,a,S)=>a in m?mn(m,a,{enumerable:!0,configurable:!0,writable:!0,value:S}):m[a]=S;var y=(m,a,S)=>vn(m,typeof a!="symbol"?a+"":a,S);var ve;var at=Object.getOwnPropertyDescriptor,ot=(r,e,t,n)=>{for(var i=n>1?void 0:n?at(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},fe=(r,e)=>(t,n)=>e(t,n,r);let Q=class extends a.RxDisposable{constructor(e,t,n,i){super();y(this,"_objectProvider",null);y(this,"_refreshThumb",a.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(z.ObjectProvider),this._addNewRender()}_addNewRender(){const{unitId:e,engine:t,scene:n}=this._renderContext,i=this._getCurrUnitModel();if(!i)return;const s=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),s==null||s.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});const o=new S.Viewport(z.SLIDE_KEY.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((l,v)=>{const d=l;if(d.ctrlKey){const g=Math.abs(d.deltaX);let f=g<40?.2:g<80?.4:.2;f*=d.deltaY>0?-1:1,n.scaleX<1&&(f/=2),n.scaleX+f>4?n.scale(4,4):n.scaleX+f<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else o.onMouseWheel(d,v)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),S.ScrollBar.attachTo(o);const c=this._createSlide(n);this._renderContext.mainComponent=c,this._createSlidePages(i,c),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var l;const e=(l=this._currentRender())==null?void 0:l.scene,t=e==null?void 0:e.getViewport(z.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:s}=n,{x:o,y:c}=t.transViewportScroll2ScrollValue(i,s);t.scrollToBarPos({x:o,y:c})}_currentRender(){return S.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){const t=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),{width:n,height:i}=e,s=t.getPageSize(),{width:o=100,height:c=100}=s,l=new S.Slide(z.SLIDE_KEY.COMPONENT,{left:(n-o)/2,top:(i-c)/2,width:o,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:o=0}=i,c=new S.Rect("canvas",{left:0,top:0,width:s,height:o,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:a.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(c,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:t,height:n}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,o=(i==null?void 0:i.height)||0;return{left:(t-s)/2,top:(n-o)/2}}_thumbSceneRender(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{engine:i}=n;if(i==null)return;const{width:s,height:o}=t,{width:c=s,height:l=o}=i,v=i.getCanvas().getContext();t.renderToThumb(v,e,c/s,l/o)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let s=0,o=i.length;s<o;s++){const c=i[s];this.createPageScene(c,n[c]),this._createThumb(c)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e;const n=this._getCurrUnitModel();let i;if(t)i=n.getPage(t);else{const l=n.getPages(),v=n.getPageOrder();if(v==null||l==null)return;i=l[v[0]],t=i.id}const s=this._currentRender();if(i==null||s==null||s.mainComponent==null)return;const{id:o}=i,c=s.mainComponent;if(n.setActivePage(i),c!=null&&c.hasPage(o)){c.changePage(o);return}this.createPageScene(o,i)}createThumbs(){const t=this._getCurrUnitModel().getPageOrder(),n=this._currentRender();if(!(!t||!n)&&t.length!==0)for(let i=0,s=t.length;i<s;i++){const o=t[i];this._thumbSceneRender(o,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:s}=n,o=s,{width:c,height:l}=o,v=new S.Scene(e,o,{width:c,height:l});new S.Viewport(`PageViewer_${e}`,v,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:g,pageBackgroundFill:f}=t,E=this._objectProvider.convertToRenderObjects(g,i);if(!E||!o)return;this._addBackgroundRect(v,f),v.addObjects(E),v.initTransformer(),E.forEach(I=>{v.attachTransformerTo(I)});const _=v.getTransformer();return _==null||_.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),_==null||_.clearControl$.subscribe(()=>{this._thumbSceneRender(e,o)}),o.addPageScene(v),v}getPageRenderUnit(e){const n=this._renderContext.mainComponent.getSubScenes().get(e),{engine:i,unit:s}=this._renderContext;return{scene:n,engine:i,unit:s}}createObjectToPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;const i=this._objectProvider.convertToRenderObject(e,n);if(i)return n.addObject(i),n.attachTransformerTo(i),n.getLayer().makeDirty(),i}setObjectActiveByPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;const i=n.getTransformer();i==null||i.activeAnObject(e)}removeObjectById(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);const i=n.getTransformer();i==null||i.clearControls()}appendPage(){const e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;const{id:i}=t,s=n.mainComponent,o=this.createPageScene(i,t);s&&o&&s.addPageScene(o),e.appendPage(t),e.setActivePage(t)}};Q=ot([fe(1,a.Inject(a.Injector)),fe(2,a.IUniverInstanceService),fe(3,S.IRenderManagerService)],Q);var ct=Object.getOwnPropertyDescriptor,lt=(r,e,t,n)=>{for(var i=n>1?void 0:n?ct(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},dt=(r,e)=>(t,n)=>e(t,n,r);m.CanvasView=class extends a.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(Q)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}},m.CanvasView=lt([dt(0,S.IRenderManagerService)],m.CanvasView);const ut="slides-ui.config",je={},Se={id:"slide.operation.delete-element",type:a.CommandType.OPERATION,handler:(r,e)=>{if(!(e!=null&&e.id))return!1;const t=e.unitId,i=r.get(a.IUniverInstanceService).getUnit(t);if(!i)return!1;const s=i.getActivePage();return delete s.pageElements[e.id],i.updatePage(s.id,s),r.get(m.CanvasView).removeObjectById(e.id,s.id,t),!0}};var V=function(){return V=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i])}return r},V.apply(this,arguments)},gt=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(r);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]]);return t},B=b.forwardRef(function(r,e){var t=r.icon,n=r.id,i=r.className,s=r.extend,o=gt(r,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),l=b.useRef("_".concat(vt()));return Le(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},V({ref:e,className:c},o),s)});function Le(r,e,t,n,i){return b.createElement(r.tag,V(V({key:e},ht(r,t,i)),n),(mt(r,t).children||[]).map(function(s,o){return Le(s,"".concat(e,"-").concat(r.tag,"-").concat(o),t,void 0,i)}))}function ht(r,e,t){var n=V({},r.attrs);t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1),r.tag==="mask"&&n.id&&(n.id=n.id+e.idSuffix),Object.entries(n).forEach(function(s){var o=s[0],c=s[1];o==="mask"&&typeof c=="string"&&(n[o]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var i=e.defIds;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(s){var o=s[0],c=s[1];typeof c=="string"&&(n[o]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function mt(r,e){var t,n=e.defIds;return!n||n.length===0?r:r.tag==="defs"&&(!((t=r.children)===null||t===void 0)&&t.length)?V(V({},r),{children:r.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?V(V({},i),{attrs:V(V({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):r}function vt(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var Ct={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},Ae=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"add-image-single",ref:e,icon:Ct}))});Ae.displayName="AddImageSingle";var pt={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"}}]},$e=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"autofill",ref:e,icon:pt}))});$e.displayName="Autofill";var ft={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"}}]},He=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"bottom-single",ref:e,icon:ft}))});He.displayName="BottomSingle";var St={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-single_clip0_1293_28)"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z",fillRule:"evenodd",clipRule:"evenodd"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"graph-single_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-single_clip0_1293_28"]},Fe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"graph-single",ref:e,icon:St}))});Fe.displayName="GraphSingle";var _t={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"}}]},_e=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"more-down-single",ref:e,icon:_t}))});_e.displayName="MoreDownSingle";var It={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"}}]},We=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-down-single",ref:e,icon:It}))});We.displayName="MoveDownSingle";var Et={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"}}]},ze=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-up-single",ref:e,icon:Et}))});ze.displayName="MoveUpSingle";var bt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z"}},{tag:"path",attrs:{fill:"colorChannel1",d:"M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z"}}]},Ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"paint-bucket",ref:e,icon:bt}))});Ke.displayName="PaintBucket";var Pt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z"}}]},ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"text-single",ref:e,icon:Pt}))});ke.displayName="TextSingle";var Ot={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"}}]},Ge=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"topmost-single",ref:e,icon:Ot}))});Ge.displayName="TopmostSingle";const j={id:"slide.operation.update-element",type:a.CommandType.OPERATION,handler:(r,e)=>{const{oKey:t,props:n}=e,i=r.get(a.IUniverInstanceService),s=e==null?void 0:e.unitId,o=i.getUnit(s);if(!o)return!1;const c=o.getActivePage();return c.pageElements[t]=a.Tools.deepMerge(c.pageElements[t],n),o.updatePage(c.id,c),!0}},h={imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"};function yt(r){const{pageId:e,unitId:t}=r,n=C.useDependency(a.LocaleService),i=C.useDependency(m.CanvasView),s=C.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const g=f=>{const E=c.getAllObjects(),[_,I]=E.reduce(([P,M],D)=>{const x=D.zIndex,w=x<P?x:P,A=x>M?x:M;return[w,A]},[0,0]);let p=d.zIndex;f===3?p=_-1:f===2?p=I+1:f===0?p=d.zIndex+1:f===1&&(p=d.zIndex-1),d.setProps({zIndex:p}),s.executeCommand(j.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:p}})};return u.jsxs("div",{className:h.imageCommonPanelGrid,children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.arrange.title")})})}),u.jsxs("div",{className:h.imageCommonPanelRow,children:[u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Button,{size:"small",onClick:()=>{g(0)},children:u.jsxs("span",{className:h.imageCommonPanelInline,children:[u.jsx(ze,{}),n.t("image-panel.arrange.forward")]})})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Button,{size:"small",onClick:()=>{g(1)},children:u.jsxs("span",{className:h.imageCommonPanelInline,children:[u.jsx(We,{}),n.t("image-panel.arrange.backward")]})})})]}),u.jsxs("div",{className:h.imageCommonPanelRow,children:[u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Button,{size:"small",onClick:()=>{g(2)},children:u.jsxs("span",{className:h.imageCommonPanelInline,children:[u.jsx(Ge,{}),n.t("image-panel.arrange.front")]})})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Button,{size:"small",onClick:()=>{g(3)},children:u.jsxs("span",{className:h.imageCommonPanelInline,children:[u.jsx(He,{}),n.t("image-panel.arrange.back")]})})})]})]})}function Tt(r){var _,I;const{pageId:e,unitId:t}=r,n=C.useDependency(a.LocaleService),i=C.useDependency(m.CanvasView),s=C.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[g,f]=b.useState((I=(_=d.fill)==null?void 0:_.toString())!=null?I:"");function E(p){d==null||d.setProps({fill:p}),s.executeCommand(j.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:p}}}}}),f(p)}return u.jsx("div",{className:T.clsx(h.imageCommonPanelGrid,h.imageCommonPanelBorder),children:u.jsxs("div",{className:h.imageCommonPanelGrid,children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("slide.panel.fill.title")})})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Dropdown,{overlay:u.jsx("div",{className:"univer-rounded-lg univer-p-4",children:u.jsx(T.ColorPicker,{value:"#fff",onChange:E})}),children:u.jsxs("a",{className:h.uiPluginSheetsBorderPanelButton,children:[u.jsx(Ke,{extend:{colorChannel1:g!=null?g:"rgb(var(--primary-color))"}}),u.jsx("span",{className:h.uiPluginSheetsBorderPanelMoreIcon,children:u.jsx(_e,{})})]})})})})]})})}function Dt(r){const{pageId:e,unitId:t}=r,n=C.useDependency(a.LocaleService),i=C.useDependency(m.CanvasView),s=C.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:g=0,height:f=0,left:E=0,top:_=0,angle:I=0}=d,[p,P]=b.useState(g),[M,D]=b.useState(f),[x,w]=b.useState(E),[A,U]=b.useState(_),[Z,H]=b.useState(I),W=O=>{const{objects:te}=O,ne=te.values().next().value,{width:ln=0,height:dn=0,left:un=0,top:gn=0,angle:hn=0}=ne;P(ln),D(dn),w(un),U(gn),H(hn)};b.useEffect(()=>{const O=l.changeStart$.subscribe(ne=>{W(ne)}),te=l.changing$.subscribe(ne=>{W(ne)});return()=>{te.unsubscribe(),O.unsubscribe()}},[]);function $(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{width:O}}),d==null||d.resize(O,d.height),P(O),l==null||l.refreshControls())}function q(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{height:O}}),d==null||d.resize(d.width,O),D(O),l==null||l.refreshControls())}function J(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{left:O}}),d==null||d.translate(O,d.top),w(O),l==null||l.refreshControls())}function k(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{right:O}}),d==null||d.translate(d.left,O),U(O),l==null||l.refreshControls())}function Ce(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{angle:O}}),d==null||d.transformByState({angle:O}),H(O),l==null||l.refreshControls())}return u.jsxs("div",{className:T.clsx(h.imageCommonPanelGrid,h.imageCommonPanelBorder),children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.transform.title")})})}),u.jsxs("div",{className:h.imageCommonPanelRow,children:[u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.width")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,min:1,value:p,onChange:O=>{$(O)}})})})]})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.height")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,min:1,value:M,onChange:O=>{q(O)}})})})]})})]}),u.jsxs("div",{className:h.imageCommonPanelRow,children:[u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.x")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,precision:1,min:0,value:x,onChange:O=>{J(O)}})})})]})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.y")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,precision:1,min:0,value:A,onChange:O=>{k(O)}})})})]})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.rotate")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,precision:1,value:Z,onChange:Ce})})})]})})]})]})}const Mt={imageCommonPanel:"univer-image-common-panel"},re="COMPONENT_SLIDE_SIDEBAR";function Ut(){var v,d,g;const r=C.useDependency(a.IUniverInstanceService),e=C.useDependency(m.CanvasView),t=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(v=t==null?void 0:t.getActivePage())==null?void 0:v.id;if(!n)return null;const s=(d=e.getRenderUnitByPageId(n,n).scene)==null?void 0:d.getTransformer();if(!s)return null;const c=s.getSelectedObjectMap().values().next().value;if(!c)return null;const l=((g=r.getFocusedUnit())==null?void 0:g.getUnitId())||"";return u.jsxs("section",{className:Mt.imageCommonPanel,children:[u.jsx(yt,{pageId:n,unitId:l}),u.jsx(Dt,{pageId:n,unitId:l}),c.objectType===S.ObjectType.RECT&&u.jsx(Tt,{pageId:n,unitId:l})]})}const se={id:"slide.command.insert-float-shape",type:a.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(a.ICommandService),n=(i=r.get(a.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return e.executeCommand(Ie.id,{unitId:n})}},Ie={id:"slide.operation.insert-float-shape",type:a.CommandType.OPERATION,handler:async(r,e)=>{const t=a.generateRandomId(6),n=r.get(a.IUniverInstanceService),i=e.unitId,s=n.getUnit(i);if(!s)return!1;const o=s.getActivePage(),c=Object.values(o.pageElements),l=c!=null&&c.length?Math.max(...c.map(f=>f.zIndex)):20,v={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:a.PageElementType.SHAPE,shape:{shapeType:a.BasicShapes.Rect,text:"",shapeProperties:{shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};o.pageElements[t]=v,s.updatePage(o.id,o);const d=r.get(m.CanvasView),g=d.createObjectToPage(v,o.id,i);return g&&d.setObjectActiveByPage(g,o.id,i),!0}},Ee={id:"sidebar.operation.slide-shape",type:a.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(C.ISidebarService),s=r.get(a.LocaleService);let o="",c="";return n===S.ObjectType.RECT?(o="slide.sidebar.shape",c=re):n===S.ObjectType.IMAGE?(o="slide.sidebar.image",c=re):n===S.ObjectType.RICH_TEXT&&(o="slide.sidebar.text",c=re),t?i.open({header:{title:s.t(o)},children:{label:c},onClose:()=>{},width:360}):i.close(),!0}},Xe="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var wt=Object.getOwnPropertyDescriptor,xt=(r,e,t,n)=>{for(var i=n>1?void 0:n?wt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},ae=(r,e)=>(t,n)=>e(t,n,r);function Nt(r,e){const t=Ye(r.left,r.top,e),n=Ye(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function Ye(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(z.SLIDE_KEY.VIEW);if(!s)return{x:r,y:e};const{viewportScrollX:o,viewportScrollY:c}=s,l=(r-o)*n,v=(e-c)*i;return{x:l,y:v}}m.SlideCanvasPopMangerService=class extends a.Disposable{constructor(e,t,n,i){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=i}_createObjectPositionObserver(e,t){const i=(()=>{var $,q,J,k;const{scene:c,engine:l}=t,{left:v,top:d,width:g,height:f}=e,E=(c.width-((q=($=t.mainComponent)==null?void 0:$.width)!=null?q:0))/2,_=(c.height-((k=(J=t.mainComponent)==null?void 0:J.height)!=null?k:0))/2,I={left:v,right:v+g,top:d,bottom:d+f},p=l.getCanvasElement(),P=p.getBoundingClientRect(),M=S.pxToNum(p.style.width),{scaleX:D,scaleY:x}=c.getAncestorScale(),w=Nt(I,c),{top:A,left:U,width:Z}=P,H=Z/M;return{left:w.left*H*D+U+E,right:w.right*H*D+U+E,top:w.top*H*x+A+_,bottom:w.bottom*H*x+A+_}})(),s=new N.BehaviorSubject(i),o=new a.DisposableCollection;return{position:i,position$:s,disposable:o}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getUnitId(),s=this._renderManagerService.getRenderById(i);if(!s)return{dispose:()=>{}};const{position:o,position$:c,disposable:l}=this._createObjectPositionObserver(e,s),v=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:o,anchorRect$:c,canvasElement:s.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(v),c.complete(),l.dispose()}}}},m.SlideCanvasPopMangerService=xt([ae(0,a.Inject(C.ICanvasPopupService)),ae(1,S.IRenderManagerService),ae(2,a.IUniverInstanceService),ae(3,a.ICommandService)],m.SlideCanvasPopMangerService);var Rt=Object.getOwnPropertyDescriptor,Vt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Rt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},K=(r,e)=>(t,n)=>e(t,n,r);let oe=class extends a.RxDisposable{constructor(e,t,n,i,s,o,c){super();y(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=s,this._sidebarService=o,this._commandService=c,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(a.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;const t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var i;const t=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(i=t==null?void 0:t.getPages())!=null?i:{};Object.keys(n).forEach(s=>{var v;const c=(v=this._canvasView.getRenderUnitByPageId(s,e).scene)==null?void 0:v.getTransformer();if(!c)return;let l;this.disposeWithMe(a.toDisposable(c.createControl$.subscribe(()=>{const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const g=d.values().next().value;if(!g)return;const f=g.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(g,{componentKey:Xe,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(g.objectType,f,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Ee.id,{visible:!0,objectType:g.objectType})}))),this.disposeWithMe(c.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(a.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(c.changing$.subscribe(()=>{l==null||l.dispose();const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const g=d.values().next().value;g&&this._commandService.executeCommand(j.id,{unitId:e,oKey:g.oKey,props:{width:g.width,height:g.height,left:g.left,top:g.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:Ee.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:Se.id,commandParams:{id:t,unitId:n},disable:!1}]}};oe=Vt([K(0,a.Inject(m.SlideCanvasPopMangerService)),K(1,S.IRenderManagerService),K(2,a.IUniverInstanceService),K(3,a.IContextService),K(4,a.Inject(m.CanvasView)),K(5,C.ISidebarService),K(6,a.ICommandService)],oe);const ce={id:"slide.operation.edit-arrow",type:a.CommandType.OPERATION,handler:()=>!0},G=a.createInternalEditorID("SLIDE_EDITOR");var Bt=Object.getOwnPropertyDescriptor,jt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Bt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},be=(r,e)=>(t,n)=>e(t,n,r);const le=a.createIdentifier("univer.slide-editor-bridge.service");let Pe=class extends a.Disposable{constructor(e,t,n){super();y(this,"_editorUnitId",G);y(this,"_isForceKeepVisible",!1);y(this,"_editorIsDirty",!1);y(this,"_currentEditRectState",null);y(this,"_currentEditRectState$",new N.BehaviorSubject(null));y(this,"currentEditRectState$",this._currentEditRectState$.asObservable());y(this,"_visibleParam",{visible:!1,eventType:S.DeviceInputEventType.Dblclick,unitId:""});y(this,"_visible$",new N.BehaviorSubject(this._visibleParam));y(this,"visible$",this._visible$.asObservable());y(this,"_afterVisible$",new N.BehaviorSubject(this._visibleParam));y(this,"afterVisible$",this._afterVisible$.asObservable());y(this,"endEditing$",new N.Subject);y(this,"_currentEditRectInfo");this._editorService=e,this._contextService=t,this._renderManagerService=n}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(G),this._contextService.setContextValue(a.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(a.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(a.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));const t=this.getEditRectState();this._currentEditRectState=t,this._currentEditRectState$.next(t)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){const e=G,t=this._currentEditRectInfo,n=t.unitId,i=t.richTextObj.documentData;i.id=e,i.documentStyle={...i.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};const o={documentModel:new a.DocumentDataModel(i),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:a.VerticalAlign.TOP,horizontalAlign:a.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},c=t.richTextObj.width,l=t.richTextObj.height,v=t.richTextObj.left,d=t.richTextObj.top,g={left:0,top:0},f=this._renderManagerService.getRenderById(n),E=f==null?void 0:f.scene,_=E==null?void 0:E.getViewport(z.SLIDE_KEY.VIEW),I=E==null?void 0:E.getObject(z.SLIDE_KEY.COMPONENT),p={x:(I==null?void 0:I.left)||0,y:(I==null?void 0:I.top)||0},P=(_==null?void 0:_.viewportScrollX)||0,M=(_==null?void 0:_.viewportScrollY)||0;return g.left=p.x-P,g.top=p.y-M,{position:{startX:v,startY:d,endX:v+c,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:g,unitId:n,editorUnitId:e,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){const t=this.getCurrentEditorId(),n=e.text,i=e.fs;return{id:t,body:{dataStream:`${n}\r
+(function(m,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/ui"),require("react/jsx-runtime"),require("@univerjs/design"),require("react"),require("rxjs"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("@univerjs/drawing")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@univerjs/slides","@univerjs/ui","react/jsx-runtime","@univerjs/design","react","rxjs","@univerjs/docs","@univerjs/docs-ui","@univerjs/drawing"],a):(m=typeof globalThis<"u"?globalThis:m||self,a(m.UniverSlidesUi={},m.UniverCore,m.UniverEngineRender,m.UniverSlides,m.UniverUi,m.React,m.UniverDesign,m.React,m.rxjs,m.UniverDocs,m.UniverDocsUi,m.UniverDrawing))})(this,function(m,a,S,z,C,u,T,b,N,ie,R,pe){"use strict";var mn=Object.defineProperty;var vn=(m,a,S)=>a in m?mn(m,a,{enumerable:!0,configurable:!0,writable:!0,value:S}):m[a]=S;var y=(m,a,S)=>vn(m,typeof a!="symbol"?a+"":a,S);var ve;var at=Object.getOwnPropertyDescriptor,ot=(r,e,t,n)=>{for(var i=n>1?void 0:n?at(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},fe=(r,e)=>(t,n)=>e(t,n,r);let Q=class extends a.RxDisposable{constructor(e,t,n,i){super();y(this,"_objectProvider",null);y(this,"_refreshThumb",a.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(z.ObjectProvider),this._addNewRender()}_addNewRender(){const{unitId:e,engine:t,scene:n}=this._renderContext,i=this._getCurrUnitModel();if(!i)return;const s=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),s==null||s.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});const o=new S.Viewport(z.SLIDE_KEY.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((l,v)=>{const d=l;if(d.ctrlKey){const g=Math.abs(d.deltaX);let f=g<40?.2:g<80?.4:.2;f*=d.deltaY>0?-1:1,n.scaleX<1&&(f/=2),n.scaleX+f>4?n.scale(4,4):n.scaleX+f<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else o.onMouseWheel(d,v)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),S.ScrollBar.attachTo(o);const c=this._createSlide(n);this._renderContext.mainComponent=c,this._createSlidePages(i,c),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var l;const e=(l=this._currentRender())==null?void 0:l.scene,t=e==null?void 0:e.getViewport(z.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:s}=n,{x:o,y:c}=t.transViewportScroll2ScrollValue(i,s);t.scrollToBarPos({x:o,y:c})}_currentRender(){return S.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_SLIDE,this._univerInstanceService,this._renderManagerService)}_createSlide(e){const t=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),{width:n,height:i}=e,s=t.getPageSize(),{width:o=100,height:c=100}=s,l=new S.Slide(z.SLIDE_KEY.COMPONENT,{left:(n-o)/2,top:(i-c)/2,width:o,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:o=0}=i,c=new S.Rect("canvas",{left:0,top:0,width:s,height:o,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:a.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(c,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:t,height:n}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,o=(i==null?void 0:i.height)||0;return{left:(t-s)/2,top:(n-o)/2}}_thumbSceneRender(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{engine:i}=n;if(i==null)return;const{width:s,height:o}=t,{width:c=s,height:l=o}=i,v=i.getCanvas().getContext();t.renderToThumb(v,e,c/s,l/o)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let s=0,o=i.length;s<o;s++){const c=i[s];this.createPageScene(c,n[c]),this._createThumb(c)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e;const n=this._getCurrUnitModel();let i;if(t)i=n.getPage(t);else{const l=n.getPages(),v=n.getPageOrder();if(v==null||l==null)return;i=l[v[0]],t=i.id}const s=this._currentRender();if(i==null||s==null||s.mainComponent==null)return;const{id:o}=i,c=s.mainComponent;if(n.setActivePage(i),c!=null&&c.hasPage(o)){c.changePage(o);return}this.createPageScene(o,i)}createThumbs(){const t=this._getCurrUnitModel().getPageOrder(),n=this._currentRender();if(!(!t||!n)&&t.length!==0)for(let i=0,s=t.length;i<s;i++){const o=t[i];this._thumbSceneRender(o,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:s}=n,o=s,{width:c,height:l}=o,v=new S.Scene(e,o,{width:c,height:l});new S.Viewport(`PageViewer_${e}`,v,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:g,pageBackgroundFill:f}=t,E=this._objectProvider.convertToRenderObjects(g,i);if(!E||!o)return;this._addBackgroundRect(v,f),v.addObjects(E),v.initTransformer(),E.forEach(I=>{v.attachTransformerTo(I)});const _=v.getTransformer();return _==null||_.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),_==null||_.clearControl$.subscribe(()=>{this._thumbSceneRender(e,o)}),o.addPageScene(v),v}getPageRenderUnit(e){const n=this._renderContext.mainComponent.getSubScenes().get(e),{engine:i,unit:s}=this._renderContext;return{scene:n,engine:i,unit:s}}createObjectToPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n||!this._objectProvider)return;const i=this._objectProvider.convertToRenderObject(e,n);if(i)return n.addObject(i),n.attachTransformerTo(i),n.getLayer().makeDirty(),i}setObjectActiveByPage(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;const i=n.getTransformer();i==null||i.activeAnObject(e)}removeObjectById(e,t){const{scene:n}=this.getPageRenderUnit(t);if(!n)return;n.removeObject(e);const i=n.getTransformer();i==null||i.clearControls()}appendPage(){const e=this._getCurrUnitModel(),t=e.getBlankPage(),n=this._currentRender();if(t==null||n==null||n.mainComponent==null)return;const{id:i}=t,s=n.mainComponent,o=this.createPageScene(i,t);s&&o&&s.addPageScene(o),e.appendPage(t),e.setActivePage(t)}};Q=ot([fe(1,a.Inject(a.Injector)),fe(2,a.IUniverInstanceService),fe(3,S.IRenderManagerService)],Q);var ct=Object.getOwnPropertyDescriptor,lt=(r,e,t,n)=>{for(var i=n>1?void 0:n?ct(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},dt=(r,e)=>(t,n)=>e(t,n,r);m.CanvasView=class extends a.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(Q)}createThumbs(e){this._getSlideRenderControllerFromRenderUnit(e).createThumbs()}activePage(e,t){this._getSlideRenderControllerFromRenderUnit(t).activePage(e)}getRenderUnitByPageId(e,t){return this._getSlideRenderControllerFromRenderUnit(t).getPageRenderUnit(e)}createObjectToPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).createObjectToPage(e,t)}setObjectActiveByPage(e,t,n){return this._getSlideRenderControllerFromRenderUnit(n).setObjectActiveByPage(e,t)}removeObjectById(e,t,n){this._getSlideRenderControllerFromRenderUnit(n).removeObjectById(e,t)}appendPage(e){this._getSlideRenderControllerFromRenderUnit(e).appendPage()}},m.CanvasView=lt([dt(0,S.IRenderManagerService)],m.CanvasView);const ut="slides-ui.config",je={},Se={id:"slide.operation.delete-element",type:a.CommandType.OPERATION,handler:(r,e)=>{if(!(e!=null&&e.id))return!1;const t=e.unitId,i=r.get(a.IUniverInstanceService).getUnit(t);if(!i)return!1;const s=i.getActivePage();return delete s.pageElements[e.id],i.updatePage(s.id,s),r.get(m.CanvasView).removeObjectById(e.id,s.id,t),!0}};var V=function(){return V=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i])}return r},V.apply(this,arguments)},gt=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(r);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]]);return t},B=b.forwardRef(function(r,e){var t=r.icon,n=r.id,i=r.className,s=r.extend,o=gt(r,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),l=b.useRef("_".concat(vt()));return Le(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},V({ref:e,className:c},o),s)});function Le(r,e,t,n,i){return b.createElement(r.tag,V(V({key:e},ht(r,t,i)),n),(mt(r,t).children||[]).map(function(s,o){return Le(s,"".concat(e,"-").concat(r.tag,"-").concat(o),t,void 0,i)}))}function ht(r,e,t){var n=V({},r.attrs);t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1),r.tag==="mask"&&n.id&&(n.id=n.id+e.idSuffix),Object.entries(n).forEach(function(s){var o=s[0],c=s[1];o==="mask"&&typeof c=="string"&&(n[o]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))});var i=e.defIds;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(s){var o=s[0],c=s[1];typeof c=="string"&&(n[o]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function mt(r,e){var t,n=e.defIds;return!n||n.length===0?r:r.tag==="defs"&&(!((t=r.children)===null||t===void 0)&&t.length)?V(V({},r),{children:r.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?V(V({},i),{attrs:V(V({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):r}function vt(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var Ct={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},Ae=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"add-image-single",ref:e,icon:Ct}))});Ae.displayName="AddImageSingle";var pt={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"}}]},$e=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"autofill",ref:e,icon:pt}))});$e.displayName="Autofill";var ft={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"}}]},He=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"bottom-single",ref:e,icon:ft}))});He.displayName="BottomSingle";var St={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-single_clip0_1293_28)"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z",fillRule:"evenodd",clipRule:"evenodd"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"graph-single_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-single_clip0_1293_28"]},Fe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"graph-single",ref:e,icon:St}))});Fe.displayName="GraphSingle";var _t={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"}}]},_e=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"more-down-single",ref:e,icon:_t}))});_e.displayName="MoreDownSingle";var It={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"}}]},We=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-down-single",ref:e,icon:It}))});We.displayName="MoveDownSingle";var Et={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"}}]},ze=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-up-single",ref:e,icon:Et}))});ze.displayName="MoveUpSingle";var bt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z"}},{tag:"path",attrs:{fill:"colorChannel1",d:"M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z"}}]},Ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"paint-bucket",ref:e,icon:bt}))});Ke.displayName="PaintBucket";var Pt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z"}}]},ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"text-single",ref:e,icon:Pt}))});ke.displayName="TextSingle";var Ot={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"}}]},Ge=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"topmost-single",ref:e,icon:Ot}))});Ge.displayName="TopmostSingle";const j={id:"slide.operation.update-element",type:a.CommandType.OPERATION,handler:(r,e)=>{const{oKey:t,props:n}=e,i=r.get(a.IUniverInstanceService),s=e==null?void 0:e.unitId,o=i.getUnit(s);if(!o)return!1;const c=o.getActivePage();return c.pageElements[t]=a.Tools.deepMerge(c.pageElements[t],n),o.updatePage(c.id,c),!0}},h={imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"};function yt(r){const{pageId:e,unitId:t}=r,n=C.useDependency(a.LocaleService),i=C.useDependency(m.CanvasView),s=C.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const g=f=>{const E=c.getAllObjects(),[_,I]=E.reduce(([P,M],D)=>{const x=D.zIndex,w=x<P?x:P,A=x>M?x:M;return[w,A]},[0,0]);let p=d.zIndex;f===3?p=_-1:f===2?p=I+1:f===0?p=d.zIndex+1:f===1&&(p=d.zIndex-1),d.setProps({zIndex:p}),s.executeCommand(j.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:p}})};return u.jsxs("div",{className:h.imageCommonPanelGrid,children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.arrange.title")})})}),u.jsxs("div",{className:h.imageCommonPanelRow,children:[u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Button,{onClick:()=>{g(0)},children:u.jsxs("span",{className:h.imageCommonPanelInline,children:[u.jsx(ze,{}),n.t("image-panel.arrange.forward")]})})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Button,{onClick:()=>{g(1)},children:u.jsxs("span",{className:h.imageCommonPanelInline,children:[u.jsx(We,{}),n.t("image-panel.arrange.backward")]})})})]}),u.jsxs("div",{className:h.imageCommonPanelRow,children:[u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Button,{onClick:()=>{g(2)},children:u.jsxs("span",{className:h.imageCommonPanelInline,children:[u.jsx(Ge,{}),n.t("image-panel.arrange.front")]})})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Button,{onClick:()=>{g(3)},children:u.jsxs("span",{className:h.imageCommonPanelInline,children:[u.jsx(He,{}),n.t("image-panel.arrange.back")]})})})]})]})}function Tt(r){var _,I;const{pageId:e,unitId:t}=r,n=C.useDependency(a.LocaleService),i=C.useDependency(m.CanvasView),s=C.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[g,f]=b.useState((I=(_=d.fill)==null?void 0:_.toString())!=null?I:"");function E(p){d==null||d.setProps({fill:p}),s.executeCommand(j.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:p}}}}}),f(p)}return u.jsx("div",{className:T.clsx(h.imageCommonPanelGrid,h.imageCommonPanelBorder),children:u.jsxs("div",{className:h.imageCommonPanelGrid,children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("slide.panel.fill.title")})})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan2),children:u.jsx(T.Dropdown,{overlay:u.jsx("div",{className:"univer-rounded-lg univer-p-4",children:u.jsx(T.ColorPicker,{value:"#fff",onChange:E})}),children:u.jsxs("a",{className:h.uiPluginSheetsBorderPanelButton,children:[u.jsx(Ke,{extend:{colorChannel1:g!=null?g:"rgb(var(--primary-color))"}}),u.jsx("span",{className:h.uiPluginSheetsBorderPanelMoreIcon,children:u.jsx(_e,{})})]})})})})]})})}function Dt(r){const{pageId:e,unitId:t}=r,n=C.useDependency(a.LocaleService),i=C.useDependency(m.CanvasView),s=C.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:g=0,height:f=0,left:E=0,top:_=0,angle:I=0}=d,[p,P]=b.useState(g),[M,D]=b.useState(f),[x,w]=b.useState(E),[A,U]=b.useState(_),[Z,H]=b.useState(I),W=O=>{const{objects:te}=O,ne=te.values().next().value,{width:ln=0,height:dn=0,left:un=0,top:gn=0,angle:hn=0}=ne;P(ln),D(dn),w(un),U(gn),H(hn)};b.useEffect(()=>{const O=l.changeStart$.subscribe(ne=>{W(ne)}),te=l.changing$.subscribe(ne=>{W(ne)});return()=>{te.unsubscribe(),O.unsubscribe()}},[]);function $(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{width:O}}),d==null||d.resize(O,d.height),P(O),l==null||l.refreshControls())}function q(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{height:O}}),d==null||d.resize(d.width,O),D(O),l==null||l.refreshControls())}function J(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{left:O}}),d==null||d.translate(O,d.top),w(O),l==null||l.refreshControls())}function k(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{right:O}}),d==null||d.translate(d.left,O),U(O),l==null||l.refreshControls())}function Ce(O){!O||!d||(s.executeCommand(j.id,{pageId:e,oKey:d.oKey,props:{angle:O}}),d==null||d.transformByState({angle:O}),H(O),l==null||l.refreshControls())}return u.jsxs("div",{className:T.clsx(h.imageCommonPanelGrid,h.imageCommonPanelBorder),children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelTitle),children:u.jsx("div",{children:n.t("image-panel.transform.title")})})}),u.jsxs("div",{className:h.imageCommonPanelRow,children:[u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.width")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,min:1,value:p,onChange:O=>{$(O)}})})})]})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.height")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,min:1,value:M,onChange:O=>{q(O)}})})})]})})]}),u.jsxs("div",{className:h.imageCommonPanelRow,children:[u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.x")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,precision:1,min:0,value:x,onChange:O=>{J(O)}})})})]})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.y")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,precision:1,min:0,value:A,onChange:O=>{k(O)}})})})]})}),u.jsx("div",{className:T.clsx(h.imageCommonPanelColumn,h.imageCommonPanelSpan3),children:u.jsxs("label",{children:[u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:n.t("image-panel.transform.rotate")})}),u.jsx("div",{className:h.imageCommonPanelRow,children:u.jsx("div",{className:h.imageCommonPanelColumn,children:u.jsx(T.InputNumber,{className:h.imageCommonPanelInput,precision:1,value:Z,onChange:Ce})})})]})})]})]})}const Mt={imageCommonPanel:"univer-image-common-panel"},re="COMPONENT_SLIDE_SIDEBAR";function Ut(){var v,d,g;const r=C.useDependency(a.IUniverInstanceService),e=C.useDependency(m.CanvasView),t=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(v=t==null?void 0:t.getActivePage())==null?void 0:v.id;if(!n)return null;const s=(d=e.getRenderUnitByPageId(n,n).scene)==null?void 0:d.getTransformer();if(!s)return null;const c=s.getSelectedObjectMap().values().next().value;if(!c)return null;const l=((g=r.getFocusedUnit())==null?void 0:g.getUnitId())||"";return u.jsxs("section",{className:Mt.imageCommonPanel,children:[u.jsx(yt,{pageId:n,unitId:l}),u.jsx(Dt,{pageId:n,unitId:l}),c.objectType===S.ObjectType.RECT&&u.jsx(Tt,{pageId:n,unitId:l})]})}const se={id:"slide.command.insert-float-shape",type:a.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(a.ICommandService),n=(i=r.get(a.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return e.executeCommand(Ie.id,{unitId:n})}},Ie={id:"slide.operation.insert-float-shape",type:a.CommandType.OPERATION,handler:async(r,e)=>{const t=a.generateRandomId(6),n=r.get(a.IUniverInstanceService),i=e.unitId,s=n.getUnit(i);if(!s)return!1;const o=s.getActivePage(),c=Object.values(o.pageElements),l=c!=null&&c.length?Math.max(...c.map(f=>f.zIndex)):20,v={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:a.PageElementType.SHAPE,shape:{shapeType:a.BasicShapes.Rect,text:"",shapeProperties:{shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};o.pageElements[t]=v,s.updatePage(o.id,o);const d=r.get(m.CanvasView),g=d.createObjectToPage(v,o.id,i);return g&&d.setObjectActiveByPage(g,o.id,i),!0}},Ee={id:"sidebar.operation.slide-shape",type:a.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(C.ISidebarService),s=r.get(a.LocaleService);let o="",c="";return n===S.ObjectType.RECT?(o="slide.sidebar.shape",c=re):n===S.ObjectType.IMAGE?(o="slide.sidebar.image",c=re):n===S.ObjectType.RICH_TEXT&&(o="slide.sidebar.text",c=re),t?i.open({header:{title:s.t(o)},children:{label:c},onClose:()=>{},width:360}):i.close(),!0}},Xe="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var wt=Object.getOwnPropertyDescriptor,xt=(r,e,t,n)=>{for(var i=n>1?void 0:n?wt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},ae=(r,e)=>(t,n)=>e(t,n,r);function Nt(r,e){const t=Ye(r.left,r.top,e),n=Ye(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function Ye(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(z.SLIDE_KEY.VIEW);if(!s)return{x:r,y:e};const{viewportScrollX:o,viewportScrollY:c}=s,l=(r-o)*n,v=(e-c)*i;return{x:l,y:v}}m.SlideCanvasPopMangerService=class extends a.Disposable{constructor(e,t,n,i){super(),this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._commandService=i}_createObjectPositionObserver(e,t){const i=(()=>{var $,q,J,k;const{scene:c,engine:l}=t,{left:v,top:d,width:g,height:f}=e,E=(c.width-((q=($=t.mainComponent)==null?void 0:$.width)!=null?q:0))/2,_=(c.height-((k=(J=t.mainComponent)==null?void 0:J.height)!=null?k:0))/2,I={left:v,right:v+g,top:d,bottom:d+f},p=l.getCanvasElement(),P=p.getBoundingClientRect(),M=S.pxToNum(p.style.width),{scaleX:D,scaleY:x}=c.getAncestorScale(),w=Nt(I,c),{top:A,left:U,width:Z}=P,H=Z/M;return{left:w.left*H*D+U+E,right:w.right*H*D+U+E,top:w.top*H*x+A+_,bottom:w.bottom*H*x+A+_}})(),s=new N.BehaviorSubject(i),o=new a.DisposableCollection;return{position:i,position$:s,disposable:o}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getUnitId(),s=this._renderManagerService.getRenderById(i);if(!s)return{dispose:()=>{}};const{position:o,position$:c,disposable:l}=this._createObjectPositionObserver(e,s),v=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:o,anchorRect$:c,canvasElement:s.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(v),c.complete(),l.dispose()}}}},m.SlideCanvasPopMangerService=xt([ae(0,a.Inject(C.ICanvasPopupService)),ae(1,S.IRenderManagerService),ae(2,a.IUniverInstanceService),ae(3,a.ICommandService)],m.SlideCanvasPopMangerService);var Rt=Object.getOwnPropertyDescriptor,Vt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Rt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},K=(r,e)=>(t,n)=>e(t,n,r);let oe=class extends a.RxDisposable{constructor(e,t,n,i,s,o,c){super();y(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=s,this._sidebarService=o,this._commandService=c,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(a.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;const t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var i;const t=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(i=t==null?void 0:t.getPages())!=null?i:{};Object.keys(n).forEach(s=>{var v;const c=(v=this._canvasView.getRenderUnitByPageId(s,e).scene)==null?void 0:v.getTransformer();if(!c)return;let l;this.disposeWithMe(a.toDisposable(c.createControl$.subscribe(()=>{const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const g=d.values().next().value;if(!g)return;const f=g.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(g,{componentKey:Xe,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(g.objectType,f,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Ee.id,{visible:!0,objectType:g.objectType})}))),this.disposeWithMe(c.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(a.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(c.changing$.subscribe(()=>{l==null||l.dispose();const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const g=d.values().next().value;g&&this._commandService.executeCommand(j.id,{unitId:e,oKey:g.oKey,props:{width:g.width,height:g.height,left:g.left,top:g.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:Ee.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:Se.id,commandParams:{id:t,unitId:n},disable:!1}]}};oe=Vt([K(0,a.Inject(m.SlideCanvasPopMangerService)),K(1,S.IRenderManagerService),K(2,a.IUniverInstanceService),K(3,a.IContextService),K(4,a.Inject(m.CanvasView)),K(5,C.ISidebarService),K(6,a.ICommandService)],oe);const ce={id:"slide.operation.edit-arrow",type:a.CommandType.OPERATION,handler:()=>!0},G=a.createInternalEditorID("SLIDE_EDITOR");var Bt=Object.getOwnPropertyDescriptor,jt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Bt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},be=(r,e)=>(t,n)=>e(t,n,r);const le=a.createIdentifier("univer.slide-editor-bridge.service");let Pe=class extends a.Disposable{constructor(e,t,n){super();y(this,"_editorUnitId",G);y(this,"_isForceKeepVisible",!1);y(this,"_editorIsDirty",!1);y(this,"_currentEditRectState",null);y(this,"_currentEditRectState$",new N.BehaviorSubject(null));y(this,"currentEditRectState$",this._currentEditRectState$.asObservable());y(this,"_visibleParam",{visible:!1,eventType:S.DeviceInputEventType.Dblclick,unitId:""});y(this,"_visible$",new N.BehaviorSubject(this._visibleParam));y(this,"visible$",this._visible$.asObservable());y(this,"_afterVisible$",new N.BehaviorSubject(this._visibleParam));y(this,"afterVisible$",this._afterVisible$.asObservable());y(this,"endEditing$",new N.Subject);y(this,"_currentEditRectInfo");this._editorService=e,this._contextService=t,this._renderManagerService=n}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(G),this._contextService.setContextValue(a.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(a.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(a.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));const t=this.getEditRectState();this._currentEditRectState=t,this._currentEditRectState$.next(t)}changeVisible(e){this._visibleParam=e,e.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){const e=G,t=this._currentEditRectInfo,n=t.unitId,i=t.richTextObj.documentData;i.id=e,i.documentStyle={...i.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};const o={documentModel:new a.DocumentDataModel(i),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:a.VerticalAlign.TOP,horizontalAlign:a.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},c=t.richTextObj.width,l=t.richTextObj.height,v=t.richTextObj.left,d=t.richTextObj.top,g={left:0,top:0},f=this._renderManagerService.getRenderById(n),E=f==null?void 0:f.scene,_=E==null?void 0:E.getViewport(z.SLIDE_KEY.VIEW),I=E==null?void 0:E.getObject(z.SLIDE_KEY.COMPONENT),p={x:(I==null?void 0:I.left)||0,y:(I==null?void 0:I.top)||0},P=(_==null?void 0:_.viewportScrollX)||0,M=(_==null?void 0:_.viewportScrollY)||0;return g.left=p.x-P,g.top=p.y-M,{position:{startX:v,startY:d,endX:v+c,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:g,unitId:n,editorUnitId:e,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){const t=this.getCurrentEditorId(),n=e.text,i=e.fs;return{id:t,body:{dataStream:`${n}\r
 `,textRuns:[{st:0,ed:n.length}],paragraphs:[{paragraphStyle:{},startIndex:n.length+1}],sectionBreaks:[{startIndex:n.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:i},renderConfig:{verticalAlign:a.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};Pe=jt([be(0,R.IEditorService),be(1,a.IContextService),be(2,S.IRenderManagerService)],Pe);class Lt{constructor(){y(this,"_state",null);y(this,"_rect",null);y(this,"_state$",new N.BehaviorSubject(null));y(this,"state$",this._state$.asObservable());y(this,"_rect$",new N.BehaviorSubject(null));y(this,"rect$",this._rect$.asObservable());y(this,"_focus",!1);y(this,"_focus$",new N.BehaviorSubject(this._focus));y(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}}const Oe=a.createIdentifier("univer.slide-editor-manager.service");var F=(r=>(r[r.InitialState=0]="InitialState",r[r.StartEditor=1]="StartEditor",r[r.CursorChange=2]="CursorChange",r))(F||{}),At=Object.getOwnPropertyDescriptor,$t=(r,e,t,n)=>{for(var i=n>1?void 0:n?At(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},L=(r,e)=>(t,n)=>e(t,n,r);const Ze=-1e3,qe=5,Ht=2;let ye=class extends a.Disposable{constructor(e,t,n,i,s,o,c,l,v,d,g,f){super();y(this,"_cursorChange",F.InitialState);y(this,"_isUnitEditing",!1);y(this,"_d");this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=i,this._instanceSrv=s,this._renderManagerService=o,this._editorBridgeService=c,this._cellEditorManagerService=l,this._textSelectionManagerService=v,this._commandService=d,this._localService=g,this._editorService=f,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SLIDE).subscribe(E=>{E&&E.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:S.DeviceInputEventType.Keyboard,keycode:C.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_init(){const e=new a.DisposableCollection;return this._subscribeToCurrentCell(e),this._initialKeyboardListener(e),this._initialCursorSync(e),this._listenEditorFocus(e),this._commandExecutedListener(e),setTimeout(()=>{this._cursorStateListener(e)},1e3),e}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{e.visible?(this._isUnitEditing=!0,this._handleEditorVisible(e)):this._isUnitEditing&&(this._handleEditorInvisible(e),this._isUnitEditing=!1)}))}_listenEditorFocus(e){const t=this._getEditorObject();t&&e.add(t.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(ie.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(ie.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(N.filter(t=>!!t)).subscribe(()=>{var t;(t=S.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||t.with(R.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(t=>{var g;if(t==null||this._contextService.getContextValue(a.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(a.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX:n,endX:i},documentLayoutObject:{textRotation:s,wrapStrategy:o,documentModel:c},scaleX:l,editorUnitId:v}=t,{vertexAngle:d}=S.convertTextRotation(s);c.updateDocumentId(v),o===a.WrapStrategy.WRAP&&d===0&&c.updateDocumentDataPageSize((i-n)/l),this._instanceSrv.changeDoc(v,c),this._contextService.setContextValue(a.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(g=S.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||g.with(R.DocSelectionRenderService).activate(Ze,Ze)}))}_fitTextSize(e,t,n,i,s=1,o=1){const{startX:c,startY:l,endX:v,endY:d}=e,g=i.documentModel;if(g==null)return;const{actualWidth:f,actualHeight:E}=this._predictingSize(e,t,n,i,s,o),{verticalAlign:_,paddingData:I,fill:p}=i;let P=v-c,M=d-l;if(P<f&&(P=f),M<E)M=E,g.updateDocumentDataMargin(I);else{let D=0;_===a.VerticalAlign.MIDDLE?D=(M-E)/2/o:_===a.VerticalAlign.TOP?D=I.t||0:D=(M-E)/o-(I.b||0),D=D<(I.t||0)?I.t||0:D,g.updateDocumentDataMargin({t:D})}n.calculate(),this._editAreaProcessing(P,M,e,t,p,s,o)}_predictingSize(e,t,n,i,s=1,o=1){const{startX:c,endX:l}=e,{textRotation:v,wrapStrategy:d}=i,g=i.documentModel,{vertexAngle:f}=S.convertTextRotation(v),E=document.body.clientWidth;if(d===a.WrapStrategy.WRAP&&f===0){const{actualWidth:p,actualHeight:P}=n.getActualSize();return{actualWidth:p*s,actualHeight:P*o}}g==null||g.updateDocumentDataPageSize((E-c-t.left)/s),n.calculate();const _=n.getActualSize();let I=l-c;return I<_.actualWidth*s+qe*s&&(I=_.actualWidth*s+qe*s),g==null||g.updateDocumentDataPageSize(I/s),g==null||g.updateDocumentRenderConfig({horizontalAlign:a.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:I,actualHeight:_.actualHeight*o}}_editAreaProcessing(e,t,n,i,s,o=1,c=1){var O;const l=this._getEditorObject();if(l==null)return;function v(te){return Number.parseInt(te.replace("px",""))}const g=this._renderContext.engine.getCanvasElement(),f=g.getBoundingClientRect(),E=v(g.style.width),{top:_,left:I,width:p}=f,P=p/E;let{startX:M,startY:D}=n;M+=i.left,D+=i.top;const{document:x,scene:w,engine:A}=l,U=w.getViewport(R.VIEWPORT_KEY.VIEW_MAIN),Z=document.body.clientHeight-D-i.top-Ht*2,H=document.body.clientWidth-M-i.left;let W=t,$=U==null?void 0:U.getScrollBar();W>Z?(W=Z,$==null?U&&new S.ScrollBar(U,{enableHorizontal:!1,barSize:8}):U==null||U.resetCanvasSizeAndUpdateScroll()):($=null,(O=U==null?void 0:U.getScrollBar())==null||O.dispose()),e+=($==null?void 0:$.barSize)||0,e=Math.min(e,H),M-=S.FIX_ONE_PIXEL_BLUR_OFFSET,D-=S.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(w,e/o,t/c,s);const{scaleX:q,scaleY:J}=w.getPrecisionScale();w.transformByState({width:e*P/o,height:t*P/c,scaleX:o*P,scaleY:c*P}),x.resize(e/o,t/c),setTimeout(()=>{A.resizeBySize(S.fixLineWidthByScale(e,q),S.fixLineWidthByScale(W,J))},0);const k=this._layoutService.getContentElement().getBoundingClientRect(),Ce=g.getBoundingClientRect();M=M*P+(Ce.left-k.left),D=D*P+(Ce.top-k.top),this._cellEditorManagerService.setState({startX:M,startY:D,endX:e*P+M,endY:W*P+D,show:!0})}_addBackground(e,t,n,i){const s="_backgroundRectHelperColor_",o=e.getObject(s);o==null&&i==null||(o==null?e.addObjects([new S.Rect(s,{width:t,height:n,fill:i,evented:!1})],R.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:t,height:n})))}_handleEditorVisible(e){var p,P;const{eventType:t}=e;this._cursorChange=[S.DeviceInputEventType.PointerDown,S.DeviceInputEventType.Dblclick].includes(t)?F.CursorChange:F.StartEditor;const n=this._editorBridgeService.getEditRectState();if(n==null)return;const{position:i,documentLayoutObject:s,slideCardOffset:o,scaleX:c,scaleY:l,editorUnitId:v,unitId:d}=n,g=this._getEditorObject();if(g==null)return;const{scene:f}=g;this._contextService.setContextValue(a.EDITOR_ACTIVATED,!0);const{documentModel:E}=s,_=this._getEditorSkeleton(v);if(!_||!E)return;this._fitTextSize(i,o,_,s,c,l);const I=E.getBody().dataStream.length-2||0;(p=f.getViewport(R.VIEWPORT_KEY.VIEW_MAIN))==null||p.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:I,endOffset:I}]),(P=this._renderManagerService.getRenderById(d))==null||P.scene.resetCursor()}_resetBodyStyle(e,t=!1){e.dataStream=a.DEFAULT_EMPTY_DOCUMENT_VALUE,e.textRuns!=null&&(e.textRuns.length===1&&!t?(e.textRuns[0].st=0,e.textRuns[0].ed=1):e.textRuns=void 0),e.paragraphs!=null&&(e.paragraphs.length===1?e.paragraphs[0].startIndex=0:e.paragraphs=[{startIndex:0}]),e.sectionBreaks!=null&&(e.sectionBreaks=void 0),e.tables!=null&&(e.tables=void 0),e.customRanges!=null&&(e.customRanges=void 0),e.customBlocks!=null&&(e.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){const t=[ce.id],n=[ie.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(i=>{this._editorService.getFocusId()===G&&(t.includes(i.id)&&this._moveCursorCmdHandler(i),n.includes(i.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(e){const t=e.params,{keycode:n,isShift:i}=t;n!=null&&this._cursorChange===F.CursorChange?this._moveInEditor(n,i):this._editorBridgeService.changeVisible(t)}_editingChangedHandler(){const e=this._editorBridgeService.getEditorRect();if(!e)return;const t=e.richTextObj;t.refreshDocumentByDocData(),t.resizeToContentSize();const{unitId:n}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId:n})}_getEditorObject(){return Ft(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){const{keycode:t}=e;if(this._cursorChange=F.InitialState,this._exitInput(e),this._editorBridgeService.getEditRectState()==null)return;if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(t);return}this._moveCursor(t)}_exitInput(e){this._contextService.setContextValue(a.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:e.visible});const t=this._editorBridgeService.getCurrentEditorId();t!=null&&this._undoRedoService.clearUndoRedo(t)}_moveCursor(e){if(e!=null)switch(a.Direction.LEFT,e){case C.KeyCode.ENTER:a.Direction.DOWN;break;case C.KeyCode.TAB:a.Direction.RIGHT;break;case C.KeyCode.ARROW_DOWN:a.Direction.DOWN;break;case C.KeyCode.ARROW_UP:a.Direction.UP;break;case C.KeyCode.ARROW_LEFT:a.Direction.LEFT;break;case C.KeyCode.ARROW_RIGHT:a.Direction.RIGHT;break}}_cursorStateListener(e){const t=this._getEditorObject();if(!t)return;const{document:n}=t;e.add(a.toDisposable(n.onPointerDown$.subscribeEvent(()=>{this._cursorChange===F.StartEditor&&(this._cursorChange=F.CursorChange)})))}_moveInEditor(e,t){let n=a.Direction.LEFT;e===C.KeyCode.ARROW_DOWN?n=a.Direction.DOWN:e===C.KeyCode.ARROW_UP?n=a.Direction.UP:e===C.KeyCode.ARROW_RIGHT&&(n=a.Direction.RIGHT),t?this._commandService.executeCommand(R.MoveSelectionOperation.id,{direction:n}):this._commandService.executeCommand(R.MoveCursorOperation.id,{direction:n})}};ye=$t([L(1,C.ILayoutService),L(2,a.IUndoRedoService),L(3,a.IContextService),L(4,a.IUniverInstanceService),L(5,S.IRenderManagerService),L(6,le),L(7,Oe),L(8,a.Inject(ie.DocSelectionManagerService)),L(9,a.ICommandService),L(10,a.Inject(a.LocaleService)),L(11,R.IEditorService)],ye);function Ft(r,e){if(r==null)return;const t=e.getRenderById(r);if(t==null)return;const{mainComponent:n,scene:i,engine:s,components:o}=t,c=n,l=o.get(R.DOCS_VIEW_KEY.BACKGROUND);return{document:c,docBackground:l,scene:i,engine:s}}var Wt=Object.getOwnPropertyDescriptor,zt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Wt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},Te=(r,e)=>(t,n)=>e(t,n,r);let De=class extends a.RxDisposable{constructor(e,t,n,i){super();y(this,"setSlideTextEditor$",new N.Subject);y(this,"_curRichText",null);y(this,"_d");this._renderContext=e,this._instanceSrv=t,this._commandService=n,this._editorBridgeService=i,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SLIDE).subscribe(s=>{s&&s.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const e=new a.DisposableCollection;return this._initEventListener(e),e}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;const{scene:n,engine:i}=this._renderContext,s=this._renderContext.unitId,o={scene:n,engine:i,unitId:s,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(o)}_initEventListener(e){const t=o=>{const c=o.getTransformer();c&&(e.add(c.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(c.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(o.onDblclick$.subscribeEvent(()=>{c.clearControls();const v=c.getSelectedObjectMap().values().next().value;v&&(v.objectType!==S.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(o.sceneKey,v))})),e.add(this._instanceSrv.focused$.subscribe(l=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(o=>{t(o)});const s=Array.from(n.getSubScenes().values());for(let o=0;o<s.length;o++){const c=s[o];t(c)}}pickOtherObjects(){this.endEditing()}endEditing(){var s;if(!this._curRichText)return;this.setEditorVisible(!1);const e=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))return!1;e.refreshDocumentByDocData(),e.resizeToContentSize(),this._editorBridgeService.endEditing$.next(e);const n={bl:1,fs:e.fs,text:e.text},i=(s=e.documentData.body)==null?void 0:s.textRuns;if(i&&i.length){const c=i[0].ts;n.cl=c==null?void 0:c.cl}this._commandService.executeCommand(j.id,{unitId:this._renderContext.unitId,oKey:e==null?void 0:e.oKey,props:{richText:n}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){var n,i;e?(n=this._curRichText)==null||n.hide():(i=this._curRichText)==null||i.show();const{unitId:t}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:S.DeviceInputEventType.PointerDown,unitId:t})}};De=zt([Te(1,a.IUniverInstanceService),Te(2,a.ICommandService),Te(3,le)],De);const Me={id:"slide.operation.activate-slide",type:a.CommandType.OPERATION,handler:(r,e)=>{var v,d;const t=e.unitId,n=r.get(m.CanvasView),s=r.get(a.IUniverInstanceService).getUnit(t),o=(v=s==null?void 0:s.getActivePage())==null?void 0:v.id;if(!o)return!1;const c=n.getRenderUnitByPageId(o,t);if(!c)return!1;const l=(d=c.scene)==null?void 0:d.getTransformer();return l&&l.clearControls(),n.activePage(e.id,t),!0}},Ue={id:"slide.operation.append-slide",type:a.CommandType.OPERATION,handler:(r,e)=>{const t=e.unitId;return r.get(a.IUniverInstanceService).getUnit(t)?(r.get(m.CanvasView).appendPage(t),!0):!1}},de={id:"slide.command.insert-float-image",type:a.CommandType.COMMAND,handler:async(r,e)=>{var A;const t=r.get(a.IUniverInstanceService),n=(A=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))==null?void 0:A.getUnitId();if(!n)return!1;const s=await r.get(C.ILocalFileService).openFile({multiple:!0,accept:pe.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(U=>`.${U.replace("image/","")}`).join(",")});if(s.length!==1)return!1;const c=await r.get(pe.IImageIoService).saveImage(s[0]);if(!c)return!1;const{imageId:l,imageSourceType:v,source:d,base64Cache:g}=c,{width:f,height:E,image:_}=await pe.getImageSize(g||""),I=t.getUnit(n);if(!I)return!1;const p=I.getActivePage(),P=Object.values(p.pageElements),M=P!=null&&P.length?Math.max(...P.map(U=>U.zIndex)):20,D={id:l,zIndex:M+1,left:0,top:0,width:f,height:E,title:"",description:"",type:a.PageElementType.IMAGE,image:{imageProperties:{contentUrl:g,imageSourceType:v,source:d,base64Cache:g,image:_}}};p.pageElements[l]=D,I.updatePage(p.id,p);const x=r.get(m.CanvasView),w=x.createObjectToPage(D,p.id,n);return w&&x.setObjectActiveByPage(w,p.id,n),!0}},ue={id:"slide.command.add-text",type:a.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(a.ICommandService),n=(i=r.get(a.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return await e.executeCommand(we.id,{unitId:n})}},we={id:"slide.operation.add-text",type:a.CommandType.OPERATION,handler:async(r,e)=>{const t=e.unitId,n=a.generateRandomId(6),i=220,s=40,o=230,c=142,l=(e==null?void 0:e.text)||"A New Text",d=r.get(a.IUniverInstanceService).getUnit(t);if(!d)return!1;const g=d.getActivePage(),f=Object.values(g.pageElements),E=f!=null&&f.length?Math.max(...f.map(P=>P.zIndex)):21,_={id:n,zIndex:E+1,left:o,top:c,width:i,height:s,title:"text",description:"",type:a.PageElementType.TEXT,richText:{text:l,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};g.pageElements[n]=_,d.updatePage(g.id,g);const I=r.get(m.CanvasView),p=I.createObjectToPage(_,g.id,t);return p&&I.setObjectActiveByPage(p,g.id,t),!0}},xe={id:"slide.operation.set-slide-page-thumb",type:a.CommandType.OPERATION,handler:(r,e)=>(r.get(m.CanvasView).createThumbs(e.unitId),!0)},ee={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"};function Kt(r){var _,I;const e=(I=(_=r.popup)==null?void 0:_.extraProps)==null?void 0:I.menuItems;if(!e)return null;const t=C.useDependency(a.ICommandService),n=C.useDependency(a.LocaleService),[i,s]=b.useState(!1),[o,c]=b.useState(!1),l=()=>{c(!0)},v=()=>{c(!1)},d=p=>{s(p)},g=p=>{t.executeCommand(p.commandId,p.commandParams),s(!1)},f=i||o,E=e.filter(p=>!p.disable);return u.jsx("div",{onMouseEnter:l,onMouseLeave:v,children:u.jsx(T.Dropdown,{align:"start",overlay:u.jsx("ul",{className:T.clsx(ee.imagePopupMenu,`
                           univer-box-border univer-p-2 univer-text-sm univer-theme
                         `),children:E.map(p=>u.jsx("li",{onClick:()=>g(p),className:ee.imagePopupMenuItem,children:u.jsx("span",{className:ee.imagePopupMenuItemTitle,children:n.t(p.label)})},p.index))}),open:i,onOpenChange:d,children:u.jsxs("div",{className:T.clsx(ee.btnContainer,{[ee.btnContainerExpand]:i}),children:[u.jsx($e,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),f&&u.jsx(_e,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})}const X={slideBar:"univer-slide-bar",slideBarContent:"univer-slide-bar-content",slideBarContentHeader:"univer-slide-bar-content-header",slideBarItem:"univer-slide-bar-item",slideBarBox:"univer-slide-bar-box",slideBarItemActive:"univer-slide-bar-item-active"};function Je(){var _,I;const r=C.useDependency(a.IUniverInstanceService),e=C.useDependency(a.ICommandService),t=C.useDependency(S.IRenderManagerService),n=C.useDependency(a.LocaleService),i=b.useRef(null),s=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),o=s==null?void 0:s.getPages(),c=s==null?void 0:s.getPageOrder();if(!o||!c)return null;const l=c.map(p=>o[p]),[v,d]=b.useState((I=(_=s==null?void 0:s.getActivePage())==null?void 0:_.id)!=null?I:null),g=b.useMemo(()=>l.map(()=>b.createRef()),[l]);b.useEffect(()=>{const p=s==null?void 0:s.activePage$.subscribe(P=>{var D;const M=(D=P==null?void 0:P.id)!=null?D:null;M&&d(M)});return()=>{p==null||p.unsubscribe()}},[]),b.useEffect(()=>{g.forEach((p,P)=>{var M;if(p.current){const D=l[P];(M=t.getRenderById(D.id))==null||M.engine.setContainer(p.current)}}),g.length>0&&e.syncExecuteCommand(xe.id,{unitId:s==null?void 0:s.getUnitId()})},[g,l,t,e,s]);const f=b.useCallback(p=>{e.syncExecuteCommand(Me.id,{id:p,unitId:s==null?void 0:s.getUnitId()})},[e,s]),E=b.useCallback(()=>{e.syncExecuteCommand(Ue.id,{unitId:s==null?void 0:s.getUnitId()})},[e,s]);return u.jsx("aside",{className:X.slideBar,ref:i,children:u.jsx(T.Scrollbar,{children:u.jsxs("div",{className:X.slideBarContent,children:[u.jsx("header",{className:X.slideBarContentHeader,children:u.jsx("a",{onClick:E,children:n.t("slide.append")})}),l.map((p,P)=>u.jsxs("div",{className:T.clsx(X.slideBarItem,{[X.slideBarItemActive]:p.id===v}),onClick:()=>f(p.id),children:[u.jsx("span",{children:P+1}),u.jsx("div",{ref:g[P],className:X.slideBarBox})]},p.id))]})})})}const kt={slideEditorContainer:"univer-slide-editor-container"},ge=-1e3,Qe={width:0,height:0,top:ge,left:ge},et=()=>{const[r,e]=b.useState({...Qe}),t=C.useDependency(Oe),n=C.useDependency(R.IEditorService),i=C.useDependency(a.IContextService),s=C.useObservable(()=>i.subscribeContextValue$(C.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,C.DISABLE_AUTO_FOCUS_KEY]);return a.DocumentFlavor.UNSPECIFIED,b.useEffect(()=>{t.state$.subscribe(o=>{if(o==null)return;const{startX:c=ge,startY:l=ge,endX:v=0,endY:d=0,show:g=!1}=o;if(!g)e({...Qe});else{e({width:v-c-S.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:d-l-S.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:c+S.FIX_ONE_PIXEL_BLUR_OFFSET,top:l+S.FIX_ONE_PIXEL_BLUR_OFFSET});const f=n.getEditor(G);if(f==null)return;const{left:E,top:_,width:I,height:p}=f.getBoundingClientRect();t.setRect({left:E,top:_,width:I,height:p})}})},[]),b.useEffect(()=>{s||t.setFocus(!0)},[s,r]),u.jsx("div",{className:kt.slideEditorContainer,style:{left:r.left,top:r.top,width:r.width,height:r.height}})},tt="addition-and-subtraction-single",Ne="slide.menu.image";function Gt(r){return{id:Ne,type:C.MenuItemType.SUBITEMS,icon:tt,tooltip:"slide.image.insert.title",hidden$:C.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Xt(r){return{id:de.id,title:"slide.image.insert.float",type:C.MenuItemType.BUTTON,hidden$:C.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const nt="graph-single",Re="slide.menu.shape";function Yt(r){return{id:Re,type:C.MenuItemType.SUBITEMS,icon:nt,tooltip:"slide.shape.insert.title",hidden$:C.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Zt(r){return{id:se.id,title:"slide.shape.insert.rectangle",type:C.MenuItemType.BUTTON,hidden$:C.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const it="text-single";function qt(r){return{id:ue.id,type:C.MenuItemType.BUTTON,icon:it,tooltip:"slide.text.insert.title",hidden$:C.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const rt={[C.RibbonStartGroup.FORMAT]:{[ue.id]:{order:0,menuItemFactory:qt},[Ne]:{order:0,menuItemFactory:Gt,[de.id]:{order:0,menuItemFactory:Xt}},[Re]:{order:0,menuItemFactory:Yt,[se.id]:{order:0,menuItemFactory:Zt}}}};function Ve(r){return r.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(a.EDITOR_ACTIVATED)}function Jt(r){return r.getContextValue(a.FORMULA_EDITOR_ACTIVATED)&&r.getContextValue(a.FOCUSING_UNIVER_EDITOR)}const st=[C.KeyCode.ARROW_DOWN,C.KeyCode.ARROW_UP,C.KeyCode.ARROW_LEFT,C.KeyCode.ARROW_RIGHT];[C.KeyCode.ENTER,C.KeyCode.TAB,...st];function Qt(){const r=[];for(const e of st)r.push({id:ce.id,binding:e,preconditions:t=>Ve(t),staticParameters:{visible:!1,eventType:S.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),r.push({id:ce.id,binding:e|C.MetaKeys.SHIFT,preconditions:t=>Ve(t),staticParameters:{visible:!1,eventType:S.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return r}const en={id:R.DeleteLeftCommand.id,preconditions:r=>Ve(r)||Jt(r),binding:C.KeyCode.BACKSPACE};var tn=Object.getOwnPropertyDescriptor,nn=(r,e,t,n)=>{for(var i=n>1?void 0:n?tn(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},Y=(r,e)=>(t,n)=>e(t,n,r);m.SlidesUIController=class extends a.Disposable{constructor(e,t,n,i,s,o){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=i,this._commandService=s,this._shortcutService=o,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(rt)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(tt,Ae)),this.disposeWithMe(e.register(it,ke)),this.disposeWithMe(e.register(nt,Fe)),this.disposeWithMe(e.register(Xe,Kt)),this.disposeWithMe(e.register(re,Ut))}_initCommands(){[Ue,Me,xe,de,we,ue,Ie,se,Ee,Se,j,ce].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(C.BuiltInUIPart.LEFT_SIDEBAR,()=>C.connectInjector(Je,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(C.BuiltInUIPart.CONTENT,()=>C.connectInjector(et,this._injector)))}_initShortcuts(){[en,...Qt()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}},m.SlidesUIController=nn([Y(0,a.Inject(a.Injector)),Y(1,C.IMenuManagerService),Y(2,a.Inject(C.ComponentManager)),Y(3,C.IUIPartsService),Y(4,a.ICommandService),Y(5,C.IShortcutService)],m.SlidesUIController);var rn=Object.getOwnPropertyDescriptor,sn=(r,e,t,n)=>{for(var i=n>1?void 0:n?rn(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},Be=(r,e)=>(t,n)=>e(t,n,r);let he=class extends a.RxDisposable{constructor(r,e,t){super(),this._contextService=r,this._instanceSrv=e,this._renderManagerService=t,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(a.UniverInstanceType.UNIVER_SLIDE).pipe(N.takeUntil(this.dispose$)).subscribe(r=>{this._createRenderer(r==null?void 0:r.getUnitId())}),this._instanceSrv.getAllUnitsForType(a.UniverInstanceType.UNIVER_SLIDE).forEach(r=>{this._createRenderer(r.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(a.UniverInstanceType.UNIVER_SLIDE).pipe(N.takeUntil(this.dispose$)).subscribe(r=>this._disposeRenderer(r))}_createRenderer(r){r==null||this._instanceSrv.getUnit(r,a.UniverInstanceType.UNIVER_SLIDE)==null||this._renderManagerService.createRender(r)}_disposeRenderer(r){const e=r.getUnitId();this._renderManagerService.removeRender(e)}_initContextListener(){}};he=sn([Be(0,a.IContextService),Be(1,a.IUniverInstanceService),Be(2,S.IRenderManagerService)],he);var an=Object.getOwnPropertyDescriptor,on=(r,e,t,n)=>{for(var i=n>1?void 0:n?an(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=o(i)||i);return i},me=(r,e)=>(t,n)=>e(t,n,r);const cn="SLIDE_UI";m.UniverSlidesUIPlugin=(ve=class extends a.Plugin{constructor(e=je,t,n,i,s){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=i,this._configService=s;const{menu:o,...c}=a.merge({},je,this._config);o&&this._configService.setConfig("menu",o,{merge:!0}),this._configService.setConfig(ut,c)}onStarting(){a.mergeOverrideWithDependencies([[he],[le,{useClass:Pe}],[Oe,{useClass:Lt}],[m.SlideCanvasPopMangerService]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[Q]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),a.mergeOverrideWithDependencies([[m.CanvasView],[m.SlidesUIController],[Q],[oe]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(m.CanvasView),this._injector.get(he)}onRendered(){[[De],[ye]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(m.SlidesUIController)}onSteady(){this._injector.get(oe)}_markSlideAsFocused(){const e=this._univerInstanceService;try{const t=e.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},y(ve,"pluginName",cn),y(ve,"type",a.UniverInstanceType.UNIVER_SLIDE),ve),m.UniverSlidesUIPlugin=on([me(1,a.Inject(a.Injector)),me(2,S.IRenderManagerService),me(3,a.IUniverInstanceService),me(4,a.IConfigService)],m.UniverSlidesUIPlugin),m.ActivateSlidePageOperation=Me,m.AppendSlideOperation=Ue,m.DeleteSlideElementOperation=Se,m.ISlideEditorBridgeService=le,m.InsertSlideFloatImageCommand=de,m.InsertSlideShapeRectangleCommand=se,m.InsertSlideShapeRectangleOperation=Ie,m.SHAPE_MENU_ID=Re,m.SLIDES_IMAGE_MENU_ID=Ne,m.SLIDE_EDITOR_ID=G,m.SetSlidePageThumbOperation=xe,m.SlideAddTextCommand=ue,m.SlideAddTextOperation=we,m.SlideEditorContainer=et,m.SlideSideBar=Je,m.SlidesUIMenuSchema=rt,m.UpdateSlideElementOperation=j,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "0.6.10-nightly.202504161609",
+  "version": "0.6.10-nightly.202504171607",
   "private": false,
   "description": "Univer normal ui-plugin-slides",
   "author": "DreamNum <developer@univer.ai>",
@@ -54,15 +54,15 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/icons": "^0.2.35",
-    "@univerjs/core": "0.6.10-nightly.202504161609",
-    "@univerjs/design": "0.6.10-nightly.202504161609",
-    "@univerjs/docs": "0.6.10-nightly.202504161609",
-    "@univerjs/docs-ui": "0.6.10-nightly.202504161609",
-    "@univerjs/drawing": "0.6.10-nightly.202504161609",
-    "@univerjs/slides": "0.6.10-nightly.202504161609",
-    "@univerjs/engine-render": "0.6.10-nightly.202504161609",
-    "@univerjs/ui": "0.6.10-nightly.202504161609"
+    "@univerjs/icons": "^0.3.2",
+    "@univerjs/docs": "0.6.10-nightly.202504171607",
+    "@univerjs/core": "0.6.10-nightly.202504171607",
+    "@univerjs/engine-render": "0.6.10-nightly.202504171607",
+    "@univerjs/docs-ui": "0.6.10-nightly.202504171607",
+    "@univerjs/drawing": "0.6.10-nightly.202504171607",
+    "@univerjs/design": "0.6.10-nightly.202504171607",
+    "@univerjs/slides": "0.6.10-nightly.202504171607",
+    "@univerjs/ui": "0.6.10-nightly.202504171607"
   },
   "devDependencies": {
     "less": "^4.3.0",