@univerjs/slides-ui 0.10.12-nightly.202510251119 → 0.10.13-nightly.202510290902

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/cjs/index.js +1 -1
  2. package/lib/es/index.js +10 -13
  3. package/lib/index.js +10 -13
  4. package/lib/umd/index.js +2 -2
  5. package/package.json +12 -12
package/lib/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var rt=Object.defineProperty;var st=(r,e,t)=>e in r?rt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var E=(r,e,t)=>st(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),C=require("@univerjs/engine-render"),W=require("@univerjs/slides"),he=require("@univerjs/drawing"),g=require("@univerjs/ui"),u=require("react/jsx-runtime"),O=require("@univerjs/design"),b=require("react"),P=require("@univerjs/docs-ui"),j=require("rxjs"),ne=require("@univerjs/docs");var ct=Object.getOwnPropertyDescriptor,at=(r,e,t,n)=>{for(var i=n>1?void 0:n?ct(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},ge=(r,e)=>(t,n)=>e(t,n,r);let q=class extends a.RxDisposable{constructor(e,t,n,i){super();E(this,"_objectProvider",null);E(this,"_refreshThumb",a.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(W.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 c=new C.Viewport(W.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 v=Math.abs(d.deltaX);let m=v<40?.2:v<80?.4:.2;m*=d.deltaY>0?-1:1,n.scaleX<1&&(m/=2),n.scaleX+m>4?n.scale(4,4):n.scaleX+m<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else c.onMouseWheel(d,h)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),C.ScrollBar.attachTo(c);const o=this._createSlide(n);this._renderContext.mainComponent=o,this._createSlidePages(i,o),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(W.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:s}=n,{x:c,y:o}=t.transViewportScroll2ScrollValue(i,s);t.scrollToBarPos({x:c,y:o})}_currentRender(){return C.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:c=100,height:o=100}=s,l=new C.Slide(W.SLIDE_KEY.COMPONENT,{left:(n-c)/2,top:(i-o)/2,width:c,height:o,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:c=0}=i,o=new C.Rect("canvas",{left:0,top:0,width:s,height:c,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:a.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(o,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,c=(i==null?void 0:i.height)||0;return{left:(t-s)/2,top:(n-c)/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:c}=t,{width:o=s,height:l=c}=i,h=i.getCanvas().getContext();t.renderToThumb(h,e,o/s,l/c)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let s=0,c=i.length;s<c;s++){const o=i[s];this.createPageScene(o,n[o]),this._createThumb(o)}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:c}=i,o=s.mainComponent;if(n.setActivePage(i),o!=null&&o.hasPage(c)){o.changePage(c);return}this.createPageScene(c,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 c=t[i];this._thumbSceneRender(c,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:s}=n,c=s,{width:o,height:l}=c,h=new C.Scene(e,c,{width:o,height:l});new C.Viewport(`PageViewer_${e}`,h,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:v,pageBackgroundFill:m}=t,_=this._objectProvider.convertToRenderObjects(v,i);if(!_||!c)return;this._addBackgroundRect(h,m),h.addObjects(_),h.initTransformer(),_.forEach(I=>{h.attachTransformerTo(I)});const f=h.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,c)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(e,c)}),c.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,c=this.createPageScene(i,t);s&&c&&s.addPageScene(c),e.appendPage(t),e.setActivePage(t)}};q=at([ge(1,a.Inject(a.Injector)),ge(2,a.IUniverInstanceService),ge(3,C.IRenderManagerService)],q);var ot=Object.getOwnPropertyDescriptor,lt=(r,e,t,n)=>{for(var i=n>1?void 0:n?ot(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},dt=(r,e)=>(t,n)=>e(t,n,r);exports.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()}};exports.CanvasView=lt([dt(0,C.IRenderManagerService)],exports.CanvasView);const xe={id:"slide.operation.activate-slide",type:a.CommandType.OPERATION,handler:(r,e)=>{var h,d;const t=e.unitId,n=r.get(exports.CanvasView),s=r.get(a.IUniverInstanceService).getUnit(t),c=(h=s==null?void 0:s.getActivePage())==null?void 0:h.id;if(!c)return!1;const o=n.getRenderUnitByPageId(c,t);if(!o)return!1;const l=(d=o.scene)==null?void 0:d.getTransformer();return l&&l.clearControls(),n.activePage(e.id,t),!0}},Ee={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(exports.CanvasView).appendPage(t),!0):!1}},Re={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(exports.CanvasView).removeObjectById(e.id,s.id,t),!0}},oe={id:"slide.command.insert-float-image",type:a.CommandType.COMMAND,handler:async(r,e)=>{var U;const t=r.get(a.IUniverInstanceService),n=(U=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))==null?void 0:U.getUnitId();if(!n)return!1;const s=await r.get(g.ILocalFileService).openFile({multiple:!0,accept:he.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(T=>`.${T.replace("image/","")}`).join(",")});if(s.length!==1)return!1;const o=await r.get(he.IImageIoService).saveImage(s[0]);if(!o)return!1;const{imageId:l,imageSourceType:h,source:d,base64Cache:v}=o,{width:m,height:_,image:f}=await he.getImageSize(v||""),I=t.getUnit(n);if(!I)return!1;const p=I.getActivePage(),S=Object.values(p.pageElements),y=S!=null&&S.length?Math.max(...S.map(T=>T.zIndex)):20,R={id:l,zIndex:y+1,left:0,top:0,width:m,height:_,title:"",description:"",type:a.PageElementType.IMAGE,image:{imageProperties:{contentUrl:v,imageSourceType:h,source:d,base64Cache:v,image:f}}};p.pageElements[l]=R,I.updatePage(p.id,p);const D=r.get(exports.CanvasView),w=D.createObjectToPage(R,p.id,n);return w&&D.setObjectActiveByPage(w,p.id,n),!0}};function A({ref:r,...e}){const{icon:t,id:n,className:i,extend:s,...c}=e,o=`univerjs-icon univerjs-icon-${n} ${i||""}`.trim(),l=b.useRef(`_${ht()}`);return Be(t,`${n}`,{defIds:t.defIds,idSuffix:l.current},{ref:r,className:o,...c},s)}function Be(r,e,t,n,i){return b.createElement(r.tag,{key:e,...ut(r,t,i),...n},(vt(r,t).children||[]).map((s,c)=>Be(s,`${e}-${r.tag}-${c}`,t,void 0,i)))}function ut(r,e,t){const n={...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(([s,c])=>{s==="mask"&&typeof c=="string"&&(n[s]=c.replace(/url\(#(.*)\)/,`url(#$1${e.idSuffix})`))});const{defIds:i}=e;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(([s,c])=>{typeof c=="string"&&(n[s]=c.replace(/url\(#(.*)\)/,`url(#$1${e.idSuffix})`))})),n}function vt(r,e){var n;const{defIds:t}=e;return!t||t.length===0?r:r.tag==="defs"&&((n=r.children)!=null&&n.length)?{...r,children:r.children.map(i=>typeof i.attrs.id=="string"&&t&&t.includes(i.attrs.id)?{...i,attrs:{...i.attrs,id:i.attrs.id+e.idSuffix}}:i)}:r}function ht(){return Math.random().toString(36).substring(2,8)}A.displayName="UniverIcon";const gt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},$e=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"bottom-icon",ref:t,icon:gt}))});$e.displayName="BottomIcon";const pt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-icon_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-icon_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"white",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-icon_clip0_1293_28"]},Fe=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"graph-icon",ref:t,icon:pt}))});Fe.displayName="GraphIcon";const mt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},ye=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"more-down-icon",ref:t,icon:mt}))});ye.displayName="MoreDownIcon";const ft={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},He=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"move-down-icon",ref:t,icon:ft}))});He.displayName="MoveDownIcon";const It={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},We=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"move-up-icon",ref:t,icon:It}))});We.displayName="MoveUpIcon";const _t={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{fill:"currentColor",clipPath:"url(#text-icon_clip0_1293_26)"},children:[{tag:"path",attrs:{d:"M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z"}},{tag:"path",attrs:{d:"M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"text-icon_clip0_1293_26"},children:[{tag:"path",attrs:{fill:"white",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["text-icon_clip0_1293_26"]},ke=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"text-icon",ref:t,icon:_t}))});ke.displayName="TextIcon";const St={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ke=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"topmost-icon",ref:t,icon:St}))});Ke.displayName="TopmostIcon";const Ct={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z",fillRule:"evenodd",clipRule:"evenodd"}}]},ze=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"autofill-double-icon",ref:t,icon:Ct}))});ze.displayName="AutofillDoubleIcon";const bt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"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=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"paint-bucket-double-icon",ref:t,icon:bt}))});Xe.displayName="PaintBucketDoubleIcon";const N={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,c=i.getUnit(s);if(!c)return!1;const o=c.getActivePage();return o.pageElements[t]=a.merge(o.pageElements[t],n),c.updatePage(o.id,o),!0}};function xt(r){const{pageId:e,unitId:t}=r,n=g.useDependency(a.LocaleService),i=g.useDependency(exports.CanvasView),s=g.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const v=m=>{const _=o.getAllObjects(),[f,I]=_.reduce(([S,y],R)=>{const D=R.zIndex,w=D<S?D:S,U=D>y?D:y;return[w,U]},[0,0]);let p=d.zIndex;m===3?p=f-1:m===2?p=I+1:m===0?p=d.zIndex+1:m===1&&(p=d.zIndex-1),d.setProps({zIndex:p}),s.executeCommand(N.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:p}})};return u.jsxs("div",{className:"univer-relative univer-w-full",children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("image-panel.arrange.title")})})}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Button,{onClick:()=>{v(0)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(We,{}),n.t("image-panel.arrange.forward")]})})}),u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Button,{onClick:()=>{v(1)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(He,{}),n.t("image-panel.arrange.backward")]})})})]}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Button,{onClick:()=>{v(2)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Ke,{}),n.t("image-panel.arrange.front")]})})}),u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Button,{onClick:()=>{v(3)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx($e,{}),n.t("image-panel.arrange.back")]})})})]})]})}function Et(r){var f,I;const{pageId:e,unitId:t}=r,n=g.useDependency(a.LocaleService),i=g.useDependency(exports.CanvasView),s=g.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[v,m]=b.useState((I=(f=d.fill)==null?void 0:f.toString())!=null?I:"");function _(p){d==null||d.setProps({fill:p}),s.executeCommand(N.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:p}}}}}),m(p)}return u.jsx("div",{className:O.clsx("univer-relative univer-bottom-0 univer-mt-5 univer-w-full",O.borderTopClassName),children:u.jsxs("div",{className:"univer-relative univer-w-full",children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("slide.panel.fill.title")})})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Dropdown,{overlay:u.jsx("div",{className:"univer-rounded-lg univer-p-4",children:u.jsx(O.ColorPicker,{value:"#fff",onChange:_})}),children:u.jsxs("a",{className:"univer-flex univer-cursor-pointer univer-items-center univer-gap-1",children:[u.jsx(Xe,{className:"univer-fill-primary-600"}),u.jsx(ye,{})]})})})})]})})}function Rt(r){const{pageId:e,unitId:t}=r,n=g.useDependency(a.LocaleService),i=g.useDependency(exports.CanvasView),s=g.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:v=0,height:m=0,left:_=0,top:f=0,angle:I=0}=d,[p,S]=b.useState(v),[y,R]=b.useState(m),[D,w]=b.useState(_),[U,T]=b.useState(f),[k,L]=b.useState(I),B=x=>{const{objects:Z}=x,Y=Z.values().next().value,{width:Qe=0,height:et=0,left:tt=0,top:nt=0,angle:it=0}=Y;S(Qe),R(et),w(tt),T(nt),L(it)};b.useEffect(()=>{const x=l.changeStart$.subscribe(Y=>{B(Y)}),Z=l.changing$.subscribe(Y=>{B(Y)});return()=>{Z.unsubscribe(),x.unsubscribe()}},[]);function V(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{width:x}}),d==null||d.resize(x,d.height),S(x),l==null||l.refreshControls())}function K(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{height:x}}),d==null||d.resize(d.width,x),R(x),l==null||l.refreshControls())}function z(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{left:x}}),d==null||d.translate(x,d.top),w(x),l==null||l.refreshControls())}function F(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{right:x}}),d==null||d.translate(d.left,x),T(x),l==null||l.refreshControls())}function J(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{angle:x}}),d==null||d.transformByState({angle:x}),L(x),l==null||l.refreshControls())}return u.jsxs("div",{className:O.clsx("univer-relative univer-bottom-0 univer-mt-5 univer-w-full",O.borderTopClassName),children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("image-panel.transform.title")})})}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.width")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",min:1,value:p,onChange:x=>{V(x)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.height")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",min:1,value:y,onChange:x=>{K(x)}})})})]})})]}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.x")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",precision:1,min:0,value:D,onChange:x=>{z(x)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.y")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",precision:1,min:0,value:U,onChange:x=>{F(x)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.rotate")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",precision:1,value:k,onChange:J})})})]})})]})]})}const ie="COMPONENT_SLIDE_SIDEBAR";function yt(){var h,d,v;const r=g.useDependency(a.IUniverInstanceService),e=g.useDependency(exports.CanvasView),t=r.getCurrentUnitForType(a.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 o=s.getSelectedObjectMap().values().next().value;if(!o)return null;const l=((v=r.getFocusedUnit())==null?void 0:v.getUnitId())||"";return u.jsxs("section",{className:"univer-p-2 univer-text-center univer-text-sm",children:[u.jsx(xt,{pageId:n,unitId:l}),u.jsx(Rt,{pageId:n,unitId:l}),o.objectType===C.ObjectType.RECT&&u.jsx(Et,{pageId:n,unitId:l})]})}const le={id:"slide.command.insert-float-shape.rectangle",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(Oe.id,{unitId:n})}},Oe={id:"slide.operation.insert-float-shape.rectangle",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 c=s.getActivePage(),o=Object.values(c.pageElements),l=o!=null&&o.length?Math.max(...o.map(m=>m.zIndex)):20,h={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)"}}}};c.pageElements[t]=h,s.updatePage(c.id,c);const d=r.get(exports.CanvasView),v=d.createObjectToPage(h,c.id,i);return v&&d.setObjectActiveByPage(v,c.id,i),!0}},Ie={id:"sidebar.operation.slide-shape",type:a.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(g.ISidebarService),s=r.get(a.LocaleService);let c="",o="";return n===C.ObjectType.RECT?(c="slide.sidebar.shape",o=ie):n===C.ObjectType.IMAGE?(c="slide.sidebar.image",o=ie):n===C.ObjectType.RICH_TEXT&&(c="slide.sidebar.text",o=ie),t?i.open({header:{title:s.t(c)},children:{label:o},onClose:()=>{},width:360}):i.close(),!0}},de={id:"slide.command.insert-float-shape.ellipse",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(Te.id,{unitId:n})}},Te={id:"slide.operation.insert-float-shape.ellipse",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 c=s.getActivePage(),o=Object.values(c.pageElements),l=o!=null&&o.length?Math.max(...o.map(m=>m.zIndex)):20,h={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:a.PageElementType.SHAPE,shape:{shapeType:a.BasicShapes.Ellipse,text:"",shapeProperties:{radius:100,shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};c.pageElements[t]=h,s.updatePage(c.id,c);const d=r.get(exports.CanvasView),v=d.createObjectToPage(h,c.id,i);return v&&d.setObjectActiveByPage(v,c.id,i),!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,c=230,o=142,l=(e==null?void 0:e.text)||"A New Text",d=r.get(a.IUniverInstanceService).getUnit(t);if(!d)return!1;const v=d.getActivePage(),m=Object.values(v.pageElements),_=m!=null&&m.length?Math.max(...m.map(S=>S.zIndex)):21,f={id:n,zIndex:_+1,left:c,top:o,width:i,height:s,title:"text",description:"",type:a.PageElementType.TEXT,richText:{text:l,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};v.pageElements[n]=f,d.updatePage(v.id,v);const I=r.get(exports.CanvasView),p=I.createObjectToPage(f,v.id,t);return p&&I.setObjectActiveByPage(p,v.id,t),!0}},De={id:"slide.operation.set-slide-page-thumb",type:a.CommandType.OPERATION,handler:(r,e)=>(r.get(exports.CanvasView).createThumbs(e.unitId),!0)};function Ge(){var f,I;const r=g.useDependency(a.IUniverInstanceService),e=g.useDependency(a.ICommandService),t=g.useDependency(C.IRenderManagerService),n=g.useDependency(a.LocaleService),i=b.useRef(null),s=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),c=s==null?void 0:s.getPages(),o=s==null?void 0:s.getPageOrder();if(!c||!o)return null;const l=o.map(p=>c[p]),[h,d]=b.useState((I=(f=s==null?void 0:s.getActivePage())==null?void 0:f.id)!=null?I:null),v=b.useMemo(()=>l.map(()=>b.createRef()),[l]);b.useEffect(()=>{const p=s==null?void 0:s.activePage$.subscribe(S=>{var R;const y=(R=S==null?void 0:S.id)!=null?R:null;y&&d(y)});return()=>{p==null||p.unsubscribe()}},[]),b.useEffect(()=>{v.forEach((p,S)=>{var y;if(p.current){const R=l[S];(y=t.getRenderById(R.id))==null||y.engine.setContainer(p.current)}}),v.length>0&&e.syncExecuteCommand(De.id,{unitId:s==null?void 0:s.getUnitId()})},[v,l,t,e,s]);const m=b.useCallback(p=>{e.syncExecuteCommand(xe.id,{id:p,unitId:s==null?void 0:s.getUnitId()})},[e,s]),_=b.useCallback(()=>{e.syncExecuteCommand(Ee.id,{unitId:s==null?void 0:s.getUnitId()})},[e,s]);return u.jsx("aside",{ref:i,className:O.clsx("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden",O.scrollbarClassName),children:u.jsxs("div",{className:"univer-px-4",children:[u.jsx("header",{className:"univer-flex univer-justify-center univer-pt-4",children:u.jsx("a",{className:O.clsx("univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors",O.borderClassName),onClick:_,children:n.t("slide.append")})}),l.map((p,S)=>u.jsxs("div",{className:O.clsx("univer-my-4 univer-flex univer-gap-2",{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":p.id===h}),onClick:()=>m(p.id),children:[u.jsx("span",{children:S+1}),u.jsx("div",{ref:v[S],className:O.clsx("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600",O.borderClassName)})]},p.id))]})})}const G=a.createInternalEditorID("SLIDE_EDITOR"),Pe="slide.menu.image";function Ot(r){return{id:Pe,type:g.MenuItemType.SUBITEMS,icon:"AddImageIcon",tooltip:"slide.image.insert.title",hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Tt(r){return{id:oe.id,title:"slide.image.insert.float",type:g.MenuItemType.BUTTON,hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const je="slide.menu.shape";function wt(r){return{id:je,type:g.MenuItemType.SUBITEMS,icon:"GraphIcon",tooltip:"slide.shape.insert.title",hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Dt(r){return{id:le.id,title:"slide.shape.insert.rectangle",type:g.MenuItemType.BUTTON,hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Pt(r){return{id:de.id,title:"slide.shape.insert.ellipse",type:g.MenuItemType.BUTTON,hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function jt(r){return{id:ue.id,type:g.MenuItemType.BUTTON,icon:"TextIcon",tooltip:"slide.text.insert.title",hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const Ze={[g.RibbonStartGroup.FORMAT]:{[ue.id]:{order:0,menuItemFactory:jt},[Pe]:{order:0,menuItemFactory:Ot,[oe.id]:{order:0,menuItemFactory:Tt}},[je]:{order:0,menuItemFactory:wt,[le.id]:{order:0,menuItemFactory:Dt},[de.id]:{order:0,menuItemFactory:Pt}}}},re={id:"slide.operation.edit-arrow",type:a.CommandType.OPERATION,handler:()=>!0},Ye="COMPONENT_SLIDE_IMAGE_POPUP_MENU";function Ut(r){var f,I;const e=(I=(f=r.popup)==null?void 0:f.extraProps)==null?void 0:I.menuItems;if(!e)return null;const t=g.useDependency(a.ICommandService),n=g.useDependency(a.LocaleService),[i,s]=b.useState(!1),[c,o]=b.useState(!1),l=()=>{o(!0)},h=()=>{o(!1)},d=p=>{s(p)},v=p=>{t.executeCommand(p.commandId,p.commandParams),s(!1)},m=i||c,_=e.filter(p=>!p.disable);return u.jsx("div",{onMouseEnter:l,onMouseLeave:h,children:u.jsx(O.Dropdown,{align:"start",overlay:u.jsx("ul",{className:O.clsx("univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg",O.borderClassName),children:_.map(p=>u.jsx("li",{className:"univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",onClick:()=>v(p),children:u.jsx("span",{className:"univer-px-2 univer-py-1.5 univer-align-middle",children:n.t(p.label)})},p.index))}),open:i,onOpenChange:d,children:u.jsxs("div",{className:O.clsx("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800",O.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":i,"univer-bg-white dark:!univer-bg-gray-900":!i}),children:[u.jsx(ze,{className:"univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"}),m&&u.jsx(ye,{className:"dark:!univer-text-white"})]})})})}class Mt{constructor(){E(this,"_state",null);E(this,"_rect",null);E(this,"_state$",new j.BehaviorSubject(null));E(this,"state$",this._state$.asObservable());E(this,"_rect$",new j.BehaviorSubject(null));E(this,"rect$",this._rect$.asObservable());E(this,"_focus",!1);E(this,"_focus$",new j.BehaviorSubject(this._focus));E(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 Ue=a.createIdentifier("univer.slide-editor-manager.service"),se=-1e3,Me={width:0,height:0,top:se,left:se};function qe(){const[r,e]=b.useState({...Me}),t=g.useDependency(Ue),n=g.useDependency(P.IEditorService),i=g.useDependency(a.IContextService),s=g.useObservable(()=>i.subscribeContextValue$(g.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,g.DISABLE_AUTO_FOCUS_KEY]);return a.DocumentFlavor.UNSPECIFIED,b.useEffect(()=>{t.state$.subscribe(c=>{if(c==null)return;const{startX:o=se,startY:l=se,endX:h=0,endY:d=0,show:v=!1}=c;if(!v)e({...Me});else{e({width:h-o-C.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:d-l-C.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:o+C.FIX_ONE_PIXEL_BLUR_OFFSET,top:l+C.FIX_ONE_PIXEL_BLUR_OFFSET});const m=n.getEditor(G);if(m==null)return;const{left:_,top:f,width:I,height:p}=m.getBoundingClientRect();t.setRect({left:_,top:f,width:I,height:p})}})},[]),b.useEffect(()=>{s||t.setFocus(!0)},[s,r]),u.jsx("div",{className:O.clsx("univer-absolute univer-z-10 univer-box-border univer-flex",O.borderClassName),style:{left:r.left,top:r.top,width:r.width,height:r.height}})}function _e(r){return r.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(a.EDITOR_ACTIVATED)}function Nt(r){return r.getContextValue(a.FORMULA_EDITOR_ACTIVATED)&&r.getContextValue(a.FOCUSING_UNIVER_EDITOR)}const Je=[g.KeyCode.ARROW_DOWN,g.KeyCode.ARROW_UP,g.KeyCode.ARROW_LEFT,g.KeyCode.ARROW_RIGHT];[g.KeyCode.ENTER,g.KeyCode.TAB,...Je];function Vt(){const r=[];for(const e of Je)r.push({id:re.id,binding:e,preconditions:t=>_e(t),staticParameters:{visible:!1,eventType:C.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),r.push({id:re.id,binding:e|g.MetaKeys.SHIFT,preconditions:t=>_e(t),staticParameters:{visible:!1,eventType:C.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return r}const At={id:P.DeleteLeftCommand.id,preconditions:r=>_e(r)||Nt(r),binding:g.KeyCode.BACKSPACE};var Lt=Object.getOwnPropertyDescriptor,Bt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Lt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},X=(r,e)=>(t,n)=>e(t,n,r);exports.SlidesUIController=class extends a.Disposable{constructor(e,t,n,i,s,c){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=i,this._commandService=s,this._shortcutService=c,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(Ze)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register("TextIcon",ke)),this.disposeWithMe(e.register("GraphIcon",Fe)),this.disposeWithMe(e.register(Ye,Ut)),this.disposeWithMe(e.register(ie,yt))}_initCommands(){[Ee,xe,De,oe,we,ue,de,Te,Oe,le,Ie,Re,N,re].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(g.BuiltInUIPart.LEFT_SIDEBAR,()=>g.connectInjector(Ge,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(g.BuiltInUIPart.CONTENT,()=>g.connectInjector(qe,this._injector)))}_initShortcuts(){[At,...Vt()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};exports.SlidesUIController=Bt([X(0,a.Inject(a.Injector)),X(1,g.IMenuManagerService),X(2,a.Inject(g.ComponentManager)),X(3,g.IUIPartsService),X(4,a.ICommandService),X(5,g.IShortcutService)],exports.SlidesUIController);const $t="slides-ui.config",Ne={};var Ft=Object.getOwnPropertyDescriptor,Ht=(r,e,t,n)=>{for(var i=n>1?void 0:n?Ft(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},Q=(r,e)=>(t,n)=>e(t,n,r);function Wt(r,e){const t=Ve(r.left,r.top,e),n=Ve(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function Ve(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(W.SLIDE_KEY.VIEW);if(!s)return{x:r,y:e};const{viewportScrollX:c,viewportScrollY:o}=s,l=(r-c)*n,h=(e-o)*i;return{x:l,y:h}}exports.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 V,K,z,F;const{scene:o,engine:l}=t,{left:h,top:d,width:v,height:m}=e,_=(o.width-((K=(V=t.mainComponent)==null?void 0:V.width)!=null?K:0))/2,f=(o.height-((F=(z=t.mainComponent)==null?void 0:z.height)!=null?F:0))/2,I={left:h,right:h+v,top:d,bottom:d+m},p=l.getCanvasElement(),S=p.getBoundingClientRect(),y=C.pxToNum(p.style.width),{scaleX:R,scaleY:D}=o.getAncestorScale(),w=Wt(I,o),{top:U,left:T,width:k}=S,L=k/y;return{left:w.left*L*R+T+_,right:w.right*L*R+T+_,top:w.top*L*D+U+f,bottom:w.bottom*L*D+U+f}})(),s=new j.BehaviorSubject(i),c=new a.DisposableCollection;return{position:i,position$:s,disposable:c}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getUnitId(),s=this._renderManagerService.getRenderById(i);if(!s)return{dispose:()=>{}};const{position:c,position$:o,disposable:l}=this._createObjectPositionObserver(e,s),h=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:c,anchorRect$:o,canvasElement:s.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(h),o.complete(),l.dispose()}}}};exports.SlideCanvasPopMangerService=Ht([Q(0,a.Inject(g.ICanvasPopupService)),Q(1,C.IRenderManagerService),Q(2,a.IUniverInstanceService),Q(3,a.ICommandService)],exports.SlideCanvasPopMangerService);var kt=Object.getOwnPropertyDescriptor,Kt=(r,e,t,n)=>{for(var i=n>1?void 0:n?kt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},H=(r,e)=>(t,n)=>e(t,n,r);let ce=class extends a.RxDisposable{constructor(e,t,n,i,s,c,o){super();E(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=s,this._sidebarService=c,this._commandService=o,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 h;const o=(h=this._canvasView.getRenderUnitByPageId(s,e).scene)==null?void 0:h.getTransformer();if(!o)return;let l;this.disposeWithMe(a.toDisposable(o.createControl$.subscribe(()=>{const d=o.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const v=d.values().next().value;if(!v)return;const m=v.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(v,{componentKey:Ye,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(v.objectType,m,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Ie.id,{visible:!0,objectType:v.objectType})}))),this.disposeWithMe(o.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(a.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(o.changing$.subscribe(()=>{l==null||l.dispose();const d=o.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const v=d.values().next().value;v&&this._commandService.executeCommand(N.id,{unitId:e,oKey:v.oKey,props:{width:v.width,height:v.height,left:v.left,top:v.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=Kt([H(0,a.Inject(exports.SlideCanvasPopMangerService)),H(1,C.IRenderManagerService),H(2,a.IUniverInstanceService),H(3,a.IContextService),H(4,a.Inject(exports.CanvasView)),H(5,g.ISidebarService),H(6,a.ICommandService)],ce);var zt=Object.getOwnPropertyDescriptor,Xt=(r,e,t,n)=>{for(var i=n>1?void 0:n?zt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},pe=(r,e)=>(t,n)=>e(t,n,r);const ve=a.createIdentifier("univer.slide-editor-bridge.service");let Se=class extends a.Disposable{constructor(e,t,n){super();E(this,"_editorUnitId",G);E(this,"_isForceKeepVisible",!1);E(this,"_editorIsDirty",!1);E(this,"_currentEditRectState",null);E(this,"_currentEditRectState$",new j.BehaviorSubject(null));E(this,"currentEditRectState$",this._currentEditRectState$.asObservable());E(this,"_visibleParam",{visible:!1,eventType:C.DeviceInputEventType.Dblclick,unitId:""});E(this,"_visible$",new j.BehaviorSubject(this._visibleParam));E(this,"visible$",this._visible$.asObservable());E(this,"_afterVisible$",new j.BehaviorSubject(this._visibleParam));E(this,"afterVisible$",this._afterVisible$.asObservable());E(this,"endEditing$",new j.Subject);E(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 c={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}},o=t.richTextObj.width,l=t.richTextObj.height,h=t.richTextObj.left,d=t.richTextObj.top,v={left:0,top:0},m=this._renderManagerService.getRenderById(n),_=m==null?void 0:m.scene,f=_==null?void 0:_.getViewport(W.SLIDE_KEY.VIEW),I=_==null?void 0:_.getObject(W.SLIDE_KEY.COMPONENT),p={x:(I==null?void 0:I.left)||0,y:(I==null?void 0:I.top)||0},S=(f==null?void 0:f.viewportScrollX)||0,y=(f==null?void 0:f.viewportScrollY)||0;return v.left=p.x-S,v.top=p.y-y,{position:{startX:h,startY:d,endX:h+o,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:v,unitId:n,editorUnitId:e,documentLayoutObject:c}}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
1
+ "use strict";var rt=Object.defineProperty;var st=(r,e,t)=>e in r?rt(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var E=(r,e,t)=>st(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),C=require("@univerjs/engine-render"),W=require("@univerjs/slides"),he=require("@univerjs/drawing"),g=require("@univerjs/ui"),u=require("react/jsx-runtime"),O=require("@univerjs/design"),b=require("react"),P=require("@univerjs/docs-ui"),j=require("rxjs"),ne=require("@univerjs/docs");var ct=Object.getOwnPropertyDescriptor,at=(r,e,t,n)=>{for(var i=n>1?void 0:n?ct(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},ge=(r,e)=>(t,n)=>e(t,n,r);let q=class extends a.RxDisposable{constructor(e,t,n,i){super();E(this,"_objectProvider",null);E(this,"_refreshThumb",a.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(W.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 c=new C.Viewport(W.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 v=Math.abs(d.deltaX);let m=v<40?.2:v<80?.4:.2;m*=d.deltaY>0?-1:1,n.scaleX<1&&(m/=2),n.scaleX+m>4?n.scale(4,4):n.scaleX+m<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else c.onMouseWheel(d,h)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),C.ScrollBar.attachTo(c);const o=this._createSlide(n);this._renderContext.mainComponent=o,this._createSlidePages(i,o),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(W.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:s}=n,{x:c,y:o}=t.transViewportScroll2ScrollValue(i,s);t.scrollToBarPos({x:c,y:o})}_currentRender(){return C.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:c=100,height:o=100}=s,l=new C.Slide(W.SLIDE_KEY.COMPONENT,{left:(n-c)/2,top:(i-o)/2,width:c,height:o,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:c=0}=i,o=new C.Rect("canvas",{left:0,top:0,width:s,height:c,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:a.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(o,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,c=(i==null?void 0:i.height)||0;return{left:(t-s)/2,top:(n-c)/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:c}=t,{width:o=s,height:l=c}=i,h=i.getCanvas().getContext();t.renderToThumb(h,e,o/s,l/c)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let s=0,c=i.length;s<c;s++){const o=i[s];this.createPageScene(o,n[o]),this._createThumb(o)}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:c}=i,o=s.mainComponent;if(n.setActivePage(i),o!=null&&o.hasPage(c)){o.changePage(c);return}this.createPageScene(c,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 c=t[i];this._thumbSceneRender(c,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:s}=n,c=s,{width:o,height:l}=c,h=new C.Scene(e,c,{width:o,height:l});new C.Viewport(`PageViewer_${e}`,h,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:v,pageBackgroundFill:m}=t,_=this._objectProvider.convertToRenderObjects(v,i);if(!_||!c)return;this._addBackgroundRect(h,m),h.addObjects(_),h.initTransformer(),_.forEach(I=>{h.attachTransformerTo(I)});const f=h.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,c)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(e,c)}),c.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,c=this.createPageScene(i,t);s&&c&&s.addPageScene(c),e.appendPage(t),e.setActivePage(t)}};q=at([ge(1,a.Inject(a.Injector)),ge(2,a.IUniverInstanceService),ge(3,C.IRenderManagerService)],q);var ot=Object.getOwnPropertyDescriptor,lt=(r,e,t,n)=>{for(var i=n>1?void 0:n?ot(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},dt=(r,e)=>(t,n)=>e(t,n,r);exports.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()}};exports.CanvasView=lt([dt(0,C.IRenderManagerService)],exports.CanvasView);const xe={id:"slide.operation.activate-slide",type:a.CommandType.OPERATION,handler:(r,e)=>{var h,d;const t=e.unitId,n=r.get(exports.CanvasView),s=r.get(a.IUniverInstanceService).getUnit(t),c=(h=s==null?void 0:s.getActivePage())==null?void 0:h.id;if(!c)return!1;const o=n.getRenderUnitByPageId(c,t);if(!o)return!1;const l=(d=o.scene)==null?void 0:d.getTransformer();return l&&l.clearControls(),n.activePage(e.id,t),!0}},Ee={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(exports.CanvasView).appendPage(t),!0):!1}},Re={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(exports.CanvasView).removeObjectById(e.id,s.id,t),!0}},oe={id:"slide.command.insert-float-image",type:a.CommandType.COMMAND,handler:async(r,e)=>{var U;const t=r.get(a.IUniverInstanceService),n=(U=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))==null?void 0:U.getUnitId();if(!n)return!1;const s=await r.get(g.ILocalFileService).openFile({multiple:!0,accept:he.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(T=>`.${T.replace("image/","")}`).join(",")});if(s.length!==1)return!1;const o=await r.get(he.IImageIoService).saveImage(s[0]);if(!o)return!1;const{imageId:l,imageSourceType:h,source:d,base64Cache:v}=o,{width:m,height:_,image:f}=await he.getImageSize(v||""),I=t.getUnit(n);if(!I)return!1;const p=I.getActivePage(),S=Object.values(p.pageElements),y=S!=null&&S.length?Math.max(...S.map(T=>T.zIndex)):20,R={id:l,zIndex:y+1,left:0,top:0,width:m,height:_,title:"",description:"",type:a.PageElementType.IMAGE,image:{imageProperties:{contentUrl:v,imageSourceType:h,source:d,base64Cache:v,image:f}}};p.pageElements[l]=R,I.updatePage(p.id,p);const D=r.get(exports.CanvasView),w=D.createObjectToPage(R,p.id,n);return w&&D.setObjectActiveByPage(w,p.id,n),!0}};function A({ref:r,...e}){const{icon:t,id:n,className:i,extend:s,...c}=e,o=`univerjs-icon univerjs-icon-${n} ${i||""}`.trim(),l=b.useRef(`_${ht()}`);return Be(t,`${n}`,{defIds:t.defIds,idSuffix:l.current},{ref:r,className:o,...c},s)}function Be(r,e,t,n,i){return b.createElement(r.tag,{key:e,...ut(r,t,i),...n},(vt(r,t).children||[]).map((s,c)=>Be(s,`${e}-${r.tag}-${c}`,t,void 0,i)))}function ut(r,e,t){const n={...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(([s,c])=>{s==="mask"&&typeof c=="string"&&(n[s]=c.replace(/url\(#(.*)\)/,`url(#$1${e.idSuffix})`))});const{defIds:i}=e;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(([s,c])=>{typeof c=="string"&&(n[s]=c.replace(/url\(#(.*)\)/,`url(#$1${e.idSuffix})`))})),n}function vt(r,e){var n;const{defIds:t}=e;return!t||t.length===0?r:r.tag==="defs"&&((n=r.children)!=null&&n.length)?{...r,children:r.children.map(i=>typeof i.attrs.id=="string"&&t&&t.includes(i.attrs.id)?{...i,attrs:{...i.attrs,id:i.attrs.id+e.idSuffix}}:i)}:r}function ht(){return Math.random().toString(36).substring(2,8)}A.displayName="UniverIcon";const gt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},$e=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"bottom-icon",ref:t,icon:gt}))});$e.displayName="BottomIcon";const pt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-icon_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-icon_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"white",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-icon_clip0_1293_28"]},Fe=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"graph-icon",ref:t,icon:pt}))});Fe.displayName="GraphIcon";const mt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},ye=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"more-down-icon",ref:t,icon:mt}))});ye.displayName="MoreDownIcon";const ft={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},He=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"move-down-icon",ref:t,icon:ft}))});He.displayName="MoveDownIcon";const It={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},We=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"move-up-icon",ref:t,icon:It}))});We.displayName="MoveUpIcon";const _t={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{fill:"currentColor",clipPath:"url(#text-icon_clip0_1293_26)"},children:[{tag:"path",attrs:{d:"M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z"}},{tag:"path",attrs:{d:"M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"text-icon_clip0_1293_26"},children:[{tag:"path",attrs:{fill:"white",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["text-icon_clip0_1293_26"]},ke=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"text-icon",ref:t,icon:_t}))});ke.displayName="TextIcon";const St={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ke=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"topmost-icon",ref:t,icon:St}))});Ke.displayName="TopmostIcon";const Ct={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z",fillRule:"evenodd",clipRule:"evenodd"}}]},ze=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"autofill-double-icon",ref:t,icon:Ct}))});ze.displayName="AutofillDoubleIcon";const bt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"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=b.forwardRef(function(e,t){return b.createElement(A,Object.assign({},e,{id:"paint-bucket-double-icon",ref:t,icon:bt}))});Xe.displayName="PaintBucketDoubleIcon";const N={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,c=i.getUnit(s);if(!c)return!1;const o=c.getActivePage();return o.pageElements[t]=a.merge(o.pageElements[t],n),c.updatePage(o.id,o),!0}};function xt(r){const{pageId:e,unitId:t}=r,n=g.useDependency(a.LocaleService),i=g.useDependency(exports.CanvasView),s=g.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const v=m=>{const _=o.getAllObjects(),[f,I]=_.reduce(([S,y],R)=>{const D=R.zIndex,w=D<S?D:S,U=D>y?D:y;return[w,U]},[0,0]);let p=d.zIndex;m===3?p=f-1:m===2?p=I+1:m===0?p=d.zIndex+1:m===1&&(p=d.zIndex-1),d.setProps({zIndex:p}),s.executeCommand(N.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:p}})};return u.jsxs("div",{className:"univer-relative univer-w-full",children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("image-panel.arrange.title")})})}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Button,{onClick:()=>{v(0)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(We,{}),n.t("image-panel.arrange.forward")]})})}),u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Button,{onClick:()=>{v(1)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(He,{}),n.t("image-panel.arrange.backward")]})})})]}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Button,{onClick:()=>{v(2)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Ke,{}),n.t("image-panel.arrange.front")]})})}),u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Button,{onClick:()=>{v(3)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx($e,{}),n.t("image-panel.arrange.back")]})})})]})]})}function Et(r){var f,I;const{pageId:e,unitId:t}=r,n=g.useDependency(a.LocaleService),i=g.useDependency(exports.CanvasView),s=g.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[v,m]=b.useState((I=(f=d.fill)==null?void 0:f.toString())!=null?I:"");function _(p){d==null||d.setProps({fill:p}),s.executeCommand(N.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:p}}}}}),m(p)}return u.jsx("div",{className:O.clsx("univer-relative univer-bottom-0 univer-mt-5 univer-w-full",O.borderTopClassName),children:u.jsxs("div",{className:"univer-relative univer-w-full",children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("slide.panel.fill.title")})})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-1/2",children:u.jsx(O.Dropdown,{overlay:u.jsx("div",{className:"univer-rounded-lg univer-p-4",children:u.jsx(O.ColorPicker,{value:"#fff",onChange:_})}),children:u.jsxs("a",{className:"univer-flex univer-cursor-pointer univer-items-center univer-gap-1",children:[u.jsx(Xe,{className:"univer-fill-primary-600"}),u.jsx(ye,{})]})})})})]})})}function Rt(r){const{pageId:e,unitId:t}=r,n=g.useDependency(a.LocaleService),i=g.useDependency(exports.CanvasView),s=g.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:v=0,height:m=0,left:_=0,top:f=0,angle:I=0}=d,[p,S]=b.useState(v),[y,R]=b.useState(m),[D,w]=b.useState(_),[U,T]=b.useState(f),[k,L]=b.useState(I),B=x=>{const{objects:Z}=x,Y=Z.values().next().value,{width:Qe=0,height:et=0,left:tt=0,top:nt=0,angle:it=0}=Y;S(Qe),R(et),w(tt),T(nt),L(it)};b.useEffect(()=>{const x=l.changeStart$.subscribe(Y=>{B(Y)}),Z=l.changing$.subscribe(Y=>{B(Y)});return()=>{Z.unsubscribe(),x.unsubscribe()}},[]);function V(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{width:x}}),d==null||d.resize(x,d.height),S(x),l==null||l.refreshControls())}function K(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{height:x}}),d==null||d.resize(d.width,x),R(x),l==null||l.refreshControls())}function z(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{left:x}}),d==null||d.translate(x,d.top),w(x),l==null||l.refreshControls())}function F(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{right:x}}),d==null||d.translate(d.left,x),T(x),l==null||l.refreshControls())}function J(x){!x||!d||(s.executeCommand(N.id,{pageId:e,oKey:d.oKey,props:{angle:x}}),d==null||d.transformByState({angle:x}),L(x),l==null||l.refreshControls())}return u.jsxs("div",{className:O.clsx("univer-relative univer-bottom-0 univer-mt-5 univer-w-full",O.borderTopClassName),children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("image-panel.transform.title")})})}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.width")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",min:1,value:p,onChange:x=>{V(x)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.height")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",min:1,value:y,onChange:x=>{K(x)}})})})]})})]}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.x")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",precision:1,min:0,value:D,onChange:x=>{z(x)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.y")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",precision:1,min:0,value:U,onChange:x=>{F(x)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.rotate")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(O.InputNumber,{className:"univer-w-11/12",precision:1,value:k,onChange:J})})})]})})]})]})}const ie="COMPONENT_SLIDE_SIDEBAR";function yt(){var h,d,v;const r=g.useDependency(a.IUniverInstanceService),e=g.useDependency(exports.CanvasView),t=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(h=t==null?void 0:t.getActivePage())==null?void 0:h.id,i=((d=r.getFocusedUnit())==null?void 0:d.getUnitId())||"";if(!n||!i)return null;const c=(v=e.getRenderUnitByPageId(n,i).scene)==null?void 0:v.getTransformer();if(!c)return null;const l=c.getSelectedObjectMap().values().next().value;return l?u.jsxs("section",{className:"univer-p-2 univer-text-center univer-text-sm",children:[u.jsx(xt,{pageId:n,unitId:i}),u.jsx(Rt,{pageId:n,unitId:i}),l.objectType===C.ObjectType.RECT&&u.jsx(Et,{pageId:n,unitId:i})]}):null}const le={id:"slide.command.insert-float-shape.rectangle",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(Oe.id,{unitId:n})}},Oe={id:"slide.operation.insert-float-shape.rectangle",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 c=s.getActivePage(),o=Object.values(c.pageElements),l=o!=null&&o.length?Math.max(...o.map(m=>m.zIndex)):20,h={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)"}}}};c.pageElements[t]=h,s.updatePage(c.id,c);const d=r.get(exports.CanvasView),v=d.createObjectToPage(h,c.id,i);return v&&d.setObjectActiveByPage(v,c.id,i),!0}},Ie={id:"sidebar.operation.slide-shape",type:a.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(g.ISidebarService),s=r.get(a.LocaleService);let c="",o="";return n===C.ObjectType.RECT?(c="slide.sidebar.shape",o=ie):n===C.ObjectType.IMAGE?(c="slide.sidebar.image",o=ie):n===C.ObjectType.RICH_TEXT&&(c="slide.sidebar.text",o=ie),t?i.open({header:{title:s.t(c)},children:{label:o},onClose:()=>{},width:360}):i.close(),!0}},de={id:"slide.command.insert-float-shape.ellipse",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(Te.id,{unitId:n})}},Te={id:"slide.operation.insert-float-shape.ellipse",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 c=s.getActivePage(),o=Object.values(c.pageElements),l=o!=null&&o.length?Math.max(...o.map(m=>m.zIndex)):20,h={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:a.PageElementType.SHAPE,shape:{shapeType:a.BasicShapes.Ellipse,text:"",shapeProperties:{radius:100,shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};c.pageElements[t]=h,s.updatePage(c.id,c);const d=r.get(exports.CanvasView),v=d.createObjectToPage(h,c.id,i);return v&&d.setObjectActiveByPage(v,c.id,i),!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,c=230,o=142,l=(e==null?void 0:e.text)||"A New Text",d=r.get(a.IUniverInstanceService).getUnit(t);if(!d)return!1;const v=d.getActivePage(),m=Object.values(v.pageElements),_=m!=null&&m.length?Math.max(...m.map(S=>S.zIndex)):21,f={id:n,zIndex:_+1,left:c,top:o,width:i,height:s,title:"text",description:"",type:a.PageElementType.TEXT,richText:{text:l,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};v.pageElements[n]=f,d.updatePage(v.id,v);const I=r.get(exports.CanvasView),p=I.createObjectToPage(f,v.id,t);return p&&I.setObjectActiveByPage(p,v.id,t),!0}},De={id:"slide.operation.set-slide-page-thumb",type:a.CommandType.OPERATION,handler:(r,e)=>(r.get(exports.CanvasView).createThumbs(e.unitId),!0)};function Ge(){var f,I;const r=g.useDependency(a.IUniverInstanceService),e=g.useDependency(a.ICommandService),t=g.useDependency(C.IRenderManagerService),n=g.useDependency(a.LocaleService),i=b.useRef(null),s=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),c=s==null?void 0:s.getPages(),o=s==null?void 0:s.getPageOrder();if(!c||!o)return null;const l=o.map(p=>c[p]),[h,d]=b.useState((I=(f=s==null?void 0:s.getActivePage())==null?void 0:f.id)!=null?I:null),v=b.useMemo(()=>l.map(()=>b.createRef()),[l]);b.useEffect(()=>{const p=s==null?void 0:s.activePage$.subscribe(S=>{var R;const y=(R=S==null?void 0:S.id)!=null?R:null;y&&d(y)});return()=>{p==null||p.unsubscribe()}},[]),b.useEffect(()=>{v.forEach((p,S)=>{var y;if(p.current){const R=l[S];(y=t.getRenderById(R.id))==null||y.engine.setContainer(p.current)}}),v.length>0&&e.syncExecuteCommand(De.id,{unitId:s==null?void 0:s.getUnitId()})},[v,l,t,e,s]);const m=b.useCallback(p=>{e.syncExecuteCommand(xe.id,{id:p,unitId:s==null?void 0:s.getUnitId()})},[e,s]),_=b.useCallback(()=>{e.syncExecuteCommand(Ee.id,{unitId:s==null?void 0:s.getUnitId()})},[e,s]);return u.jsx("aside",{ref:i,className:O.clsx("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden",O.scrollbarClassName),children:u.jsxs("div",{className:"univer-px-4",children:[u.jsx("header",{className:"univer-flex univer-justify-center univer-pt-4",children:u.jsx("a",{className:O.clsx("univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors",O.borderClassName),onClick:_,children:n.t("slide.append")})}),l.map((p,S)=>u.jsxs("div",{className:O.clsx("univer-my-4 univer-flex univer-gap-2",{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":p.id===h}),onClick:()=>m(p.id),children:[u.jsx("span",{children:S+1}),u.jsx("div",{ref:v[S],className:O.clsx("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600",O.borderClassName)})]},p.id))]})})}const G=a.createInternalEditorID("SLIDE_EDITOR"),Pe="slide.menu.image";function Ot(r){return{id:Pe,type:g.MenuItemType.SUBITEMS,icon:"AddImageIcon",tooltip:"slide.image.insert.title",hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Tt(r){return{id:oe.id,title:"slide.image.insert.float",type:g.MenuItemType.BUTTON,hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const je="slide.menu.shape";function wt(r){return{id:je,type:g.MenuItemType.SUBITEMS,icon:"GraphIcon",tooltip:"slide.shape.insert.title",hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Dt(r){return{id:le.id,title:"slide.shape.insert.rectangle",type:g.MenuItemType.BUTTON,hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Pt(r){return{id:de.id,title:"slide.shape.insert.ellipse",type:g.MenuItemType.BUTTON,hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function jt(r){return{id:ue.id,type:g.MenuItemType.BUTTON,icon:"TextIcon",tooltip:"slide.text.insert.title",hidden$:g.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const Ze={[g.RibbonStartGroup.FORMAT]:{[ue.id]:{order:0,menuItemFactory:jt},[Pe]:{order:0,menuItemFactory:Ot,[oe.id]:{order:0,menuItemFactory:Tt}},[je]:{order:0,menuItemFactory:wt,[le.id]:{order:0,menuItemFactory:Dt},[de.id]:{order:0,menuItemFactory:Pt}}}},re={id:"slide.operation.edit-arrow",type:a.CommandType.OPERATION,handler:()=>!0},Ye="COMPONENT_SLIDE_IMAGE_POPUP_MENU";function Ut(r){var f,I;const e=(I=(f=r.popup)==null?void 0:f.extraProps)==null?void 0:I.menuItems;if(!e)return null;const t=g.useDependency(a.ICommandService),n=g.useDependency(a.LocaleService),[i,s]=b.useState(!1),[c,o]=b.useState(!1),l=()=>{o(!0)},h=()=>{o(!1)},d=p=>{s(p)},v=p=>{t.executeCommand(p.commandId,p.commandParams),s(!1)},m=i||c,_=e.filter(p=>!p.disable);return u.jsx("div",{onMouseEnter:l,onMouseLeave:h,children:u.jsx(O.Dropdown,{align:"start",overlay:u.jsx("ul",{className:O.clsx("univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg",O.borderClassName),children:_.map(p=>u.jsx("li",{className:"univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",onClick:()=>v(p),children:u.jsx("span",{className:"univer-px-2 univer-py-1.5 univer-align-middle",children:n.t(p.label)})},p.index))}),open:i,onOpenChange:d,children:u.jsxs("div",{className:O.clsx("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800",O.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":i,"univer-bg-white dark:!univer-bg-gray-900":!i}),children:[u.jsx(ze,{className:"univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"}),m&&u.jsx(ye,{className:"dark:!univer-text-white"})]})})})}class Mt{constructor(){E(this,"_state",null);E(this,"_rect",null);E(this,"_state$",new j.BehaviorSubject(null));E(this,"state$",this._state$.asObservable());E(this,"_rect$",new j.BehaviorSubject(null));E(this,"rect$",this._rect$.asObservable());E(this,"_focus",!1);E(this,"_focus$",new j.BehaviorSubject(this._focus));E(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 Ue=a.createIdentifier("univer.slide-editor-manager.service"),se=-1e3,Me={width:0,height:0,top:se,left:se};function qe(){const[r,e]=b.useState({...Me}),t=g.useDependency(Ue),n=g.useDependency(P.IEditorService),i=g.useDependency(a.IContextService),s=g.useObservable(()=>i.subscribeContextValue$(g.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,g.DISABLE_AUTO_FOCUS_KEY]);return a.DocumentFlavor.UNSPECIFIED,b.useEffect(()=>{t.state$.subscribe(c=>{if(c==null)return;const{startX:o=se,startY:l=se,endX:h=0,endY:d=0,show:v=!1}=c;if(!v)e({...Me});else{e({width:h-o-C.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:d-l-C.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:o+C.FIX_ONE_PIXEL_BLUR_OFFSET,top:l+C.FIX_ONE_PIXEL_BLUR_OFFSET});const m=n.getEditor(G);if(m==null)return;const{left:_,top:f,width:I,height:p}=m.getBoundingClientRect();t.setRect({left:_,top:f,width:I,height:p})}})},[]),b.useEffect(()=>{s||t.setFocus(!0)},[s,r]),u.jsx("div",{className:O.clsx("univer-absolute univer-z-10 univer-box-border univer-flex",O.borderClassName),style:{left:r.left,top:r.top,width:r.width,height:r.height}})}function _e(r){return r.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(a.EDITOR_ACTIVATED)}function Nt(r){return r.getContextValue(a.FORMULA_EDITOR_ACTIVATED)&&r.getContextValue(a.FOCUSING_UNIVER_EDITOR)}const Je=[g.KeyCode.ARROW_DOWN,g.KeyCode.ARROW_UP,g.KeyCode.ARROW_LEFT,g.KeyCode.ARROW_RIGHT];[g.KeyCode.ENTER,g.KeyCode.TAB,...Je];function Vt(){const r=[];for(const e of Je)r.push({id:re.id,binding:e,preconditions:t=>_e(t),staticParameters:{visible:!1,eventType:C.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),r.push({id:re.id,binding:e|g.MetaKeys.SHIFT,preconditions:t=>_e(t),staticParameters:{visible:!1,eventType:C.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return r}const At={id:P.DeleteLeftCommand.id,preconditions:r=>_e(r)||Nt(r),binding:g.KeyCode.BACKSPACE};var Lt=Object.getOwnPropertyDescriptor,Bt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Lt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},X=(r,e)=>(t,n)=>e(t,n,r);exports.SlidesUIController=class extends a.Disposable{constructor(e,t,n,i,s,c){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=i,this._commandService=s,this._shortcutService=c,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(Ze)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register("TextIcon",ke)),this.disposeWithMe(e.register("GraphIcon",Fe)),this.disposeWithMe(e.register(Ye,Ut)),this.disposeWithMe(e.register(ie,yt))}_initCommands(){[Ee,xe,De,oe,we,ue,de,Te,Oe,le,Ie,Re,N,re].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(g.BuiltInUIPart.LEFT_SIDEBAR,()=>g.connectInjector(Ge,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(g.BuiltInUIPart.CONTENT,()=>g.connectInjector(qe,this._injector)))}_initShortcuts(){[At,...Vt()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}};exports.SlidesUIController=Bt([X(0,a.Inject(a.Injector)),X(1,g.IMenuManagerService),X(2,a.Inject(g.ComponentManager)),X(3,g.IUIPartsService),X(4,a.ICommandService),X(5,g.IShortcutService)],exports.SlidesUIController);const $t="slides-ui.config",Ne={};var Ft=Object.getOwnPropertyDescriptor,Ht=(r,e,t,n)=>{for(var i=n>1?void 0:n?Ft(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},Q=(r,e)=>(t,n)=>e(t,n,r);function Wt(r,e){const t=Ve(r.left,r.top,e),n=Ve(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function Ve(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(W.SLIDE_KEY.VIEW);if(!s)return{x:r,y:e};const{viewportScrollX:c,viewportScrollY:o}=s,l=(r-c)*n,h=(e-o)*i;return{x:l,y:h}}exports.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 V,K,z,F;const{scene:o,engine:l}=t,{left:h,top:d,width:v,height:m}=e,_=(o.width-((K=(V=t.mainComponent)==null?void 0:V.width)!=null?K:0))/2,f=(o.height-((F=(z=t.mainComponent)==null?void 0:z.height)!=null?F:0))/2,I={left:h,right:h+v,top:d,bottom:d+m},p=l.getCanvasElement(),S=p.getBoundingClientRect(),y=C.pxToNum(p.style.width),{scaleX:R,scaleY:D}=o.getAncestorScale(),w=Wt(I,o),{top:U,left:T,width:k}=S,L=k/y;return{left:w.left*L*R+T+_,right:w.right*L*R+T+_,top:w.top*L*D+U+f,bottom:w.bottom*L*D+U+f}})(),s=new j.BehaviorSubject(i),c=new a.DisposableCollection;return{position:i,position$:s,disposable:c}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getUnitId(),s=this._renderManagerService.getRenderById(i);if(!s)return{dispose:()=>{}};const{position:c,position$:o,disposable:l}=this._createObjectPositionObserver(e,s),h=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:c,anchorRect$:o,canvasElement:s.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(h),o.complete(),l.dispose()}}}};exports.SlideCanvasPopMangerService=Ht([Q(0,a.Inject(g.ICanvasPopupService)),Q(1,C.IRenderManagerService),Q(2,a.IUniverInstanceService),Q(3,a.ICommandService)],exports.SlideCanvasPopMangerService);var kt=Object.getOwnPropertyDescriptor,Kt=(r,e,t,n)=>{for(var i=n>1?void 0:n?kt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},H=(r,e)=>(t,n)=>e(t,n,r);let ce=class extends a.RxDisposable{constructor(e,t,n,i,s,c,o){super();E(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=s,this._sidebarService=c,this._commandService=o,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 h;const o=(h=this._canvasView.getRenderUnitByPageId(s,e).scene)==null?void 0:h.getTransformer();if(!o)return;let l;this.disposeWithMe(a.toDisposable(o.createControl$.subscribe(()=>{const d=o.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const v=d.values().next().value;if(!v)return;const m=v.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(v,{componentKey:Ye,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(v.objectType,m,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Ie.id,{visible:!0,objectType:v.objectType})}))),this.disposeWithMe(o.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(a.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(o.changing$.subscribe(()=>{l==null||l.dispose();const d=o.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const v=d.values().next().value;v&&this._commandService.executeCommand(N.id,{unitId:e,oKey:v.oKey,props:{width:v.width,height:v.height,left:v.left,top:v.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=Kt([H(0,a.Inject(exports.SlideCanvasPopMangerService)),H(1,C.IRenderManagerService),H(2,a.IUniverInstanceService),H(3,a.IContextService),H(4,a.Inject(exports.CanvasView)),H(5,g.ISidebarService),H(6,a.ICommandService)],ce);var zt=Object.getOwnPropertyDescriptor,Xt=(r,e,t,n)=>{for(var i=n>1?void 0:n?zt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},pe=(r,e)=>(t,n)=>e(t,n,r);const ve=a.createIdentifier("univer.slide-editor-bridge.service");let Se=class extends a.Disposable{constructor(e,t,n){super();E(this,"_editorUnitId",G);E(this,"_isForceKeepVisible",!1);E(this,"_editorIsDirty",!1);E(this,"_currentEditRectState",null);E(this,"_currentEditRectState$",new j.BehaviorSubject(null));E(this,"currentEditRectState$",this._currentEditRectState$.asObservable());E(this,"_visibleParam",{visible:!1,eventType:C.DeviceInputEventType.Dblclick,unitId:""});E(this,"_visible$",new j.BehaviorSubject(this._visibleParam));E(this,"visible$",this._visible$.asObservable());E(this,"_afterVisible$",new j.BehaviorSubject(this._visibleParam));E(this,"afterVisible$",this._afterVisible$.asObservable());E(this,"endEditing$",new j.Subject);E(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 c={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}},o=t.richTextObj.width,l=t.richTextObj.height,h=t.richTextObj.left,d=t.richTextObj.top,v={left:0,top:0},m=this._renderManagerService.getRenderById(n),_=m==null?void 0:m.scene,f=_==null?void 0:_.getViewport(W.SLIDE_KEY.VIEW),I=_==null?void 0:_.getObject(W.SLIDE_KEY.COMPONENT),p={x:(I==null?void 0:I.left)||0,y:(I==null?void 0:I.top)||0},S=(f==null?void 0:f.viewportScrollX)||0,y=(f==null?void 0:f.viewportScrollY)||0;return v.left=p.x-S,v.top=p.y-y,{position:{startX:h,startY:d,endX:h+o,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:v,unitId:n,editorUnitId:e,documentLayoutObject:c}}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
2
2
  `,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}}}};Se=Xt([pe(0,P.IEditorService),pe(1,a.IContextService),pe(2,C.IRenderManagerService)],Se);var $=(r=>(r[r.InitialState=0]="InitialState",r[r.StartEditor=1]="StartEditor",r[r.CursorChange=2]="CursorChange",r))($||{}),Gt=Object.getOwnPropertyDescriptor,Zt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Gt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},M=(r,e)=>(t,n)=>e(t,n,r);const Ae=-1e3,Le=5,Yt=2;let Ce=class extends a.Disposable{constructor(e,t,n,i,s,c,o,l,h,d,v,m){super();E(this,"_cursorChange",$.InitialState);E(this,"_isUnitEditing",!1);E(this,"_d");this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=i,this._instanceSrv=s,this._renderManagerService=c,this._editorBridgeService=o,this._cellEditorManagerService=l,this._textSelectionManagerService=h,this._commandService=d,this._localService=v,this._editorService=m,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SLIDE).subscribe(_=>{_&&_.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:C.DeviceInputEventType.Keyboard,keycode:g.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(ne.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(ne.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(j.filter(t=>!!t)).subscribe(()=>{var t;(t=C.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||t.with(P.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(t=>{var v;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:c,documentModel:o},scaleX:l,editorUnitId:h}=t,{vertexAngle:d}=C.convertTextRotation(s);o.updateDocumentId(h),c===a.WrapStrategy.WRAP&&d===0&&o.updateDocumentDataPageSize((i-n)/l),this._instanceSrv.changeDoc(h,o),this._contextService.setContextValue(a.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(v=C.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||v.with(P.DocSelectionRenderService).activate(Ae,Ae)}))}_fitTextSize(e,t,n,i,s=1,c=1){const{startX:o,startY:l,endX:h,endY:d}=e,v=i.documentModel;if(v==null)return;const{actualWidth:m,actualHeight:_}=this._predictingSize(e,t,n,i,s,c),{verticalAlign:f,paddingData:I,fill:p}=i;let S=h-o,y=d-l;if(S<m&&(S=m),y<_)y=_,v.updateDocumentDataMargin(I);else{let R=0;f===a.VerticalAlign.MIDDLE?R=(y-_)/2/c:f===a.VerticalAlign.TOP?R=I.t||0:R=(y-_)/c-(I.b||0),R=R<(I.t||0)?I.t||0:R,v.updateDocumentDataMargin({t:R})}n.calculate(),this._editAreaProcessing(S,y,e,t,p,s,c)}_predictingSize(e,t,n,i,s=1,c=1){const{startX:o,endX:l}=e,{textRotation:h,wrapStrategy:d}=i,v=i.documentModel,{vertexAngle:m}=C.convertTextRotation(h),_=document.body.clientWidth;if(d===a.WrapStrategy.WRAP&&m===0){const{actualWidth:p,actualHeight:S}=n.getActualSize();return{actualWidth:p*s,actualHeight:S*c}}v==null||v.updateDocumentDataPageSize((_-o-t.left)/s),n.calculate();const f=n.getActualSize();let I=l-o;return I<f.actualWidth*s+Le*s&&(I=f.actualWidth*s+Le*s),v==null||v.updateDocumentDataPageSize(I/s),v==null||v.updateDocumentRenderConfig({horizontalAlign:a.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:I,actualHeight:f.actualHeight*c}}_editAreaProcessing(e,t,n,i,s,c=1,o=1){var x;const l=this._getEditorObject();if(l==null)return;function h(Z){return Number.parseInt(Z.replace("px",""))}const v=this._renderContext.engine.getCanvasElement(),m=v.getBoundingClientRect(),_=h(v.style.width),{top:f,left:I,width:p}=m,S=p/_;let{startX:y,startY:R}=n;y+=i.left,R+=i.top;const{document:D,scene:w,engine:U}=l,T=w.getViewport(P.VIEWPORT_KEY.VIEW_MAIN),k=document.body.clientHeight-R-i.top-Yt*2,L=document.body.clientWidth-y-i.left;let B=t,V=T==null?void 0:T.getScrollBar();B>k?(B=k,V==null?T&&new C.ScrollBar(T,{enableHorizontal:!1,barSize:8}):T==null||T.resetCanvasSizeAndUpdateScroll()):(V=null,(x=T==null?void 0:T.getScrollBar())==null||x.dispose()),e+=(V==null?void 0:V.barSize)||0,e=Math.min(e,L),y-=C.FIX_ONE_PIXEL_BLUR_OFFSET,R-=C.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(w,e/c,t/o,s);const{scaleX:K,scaleY:z}=w.getPrecisionScale();w.transformByState({width:e*S/c,height:t*S/o,scaleX:c*S,scaleY:o*S}),D.resize(e/c,t/o),setTimeout(()=>{U.resizeBySize(C.fixLineWidthByScale(e,K),C.fixLineWidthByScale(B,z))},0);const F=this._layoutService.getContentElement().getBoundingClientRect(),J=v.getBoundingClientRect();y=y*S+(J.left-F.left),R=R*S+(J.top-F.top),this._cellEditorManagerService.setState({startX:y,startY:R,endX:e*S+y,endY:B*S+R,show:!0})}_addBackground(e,t,n,i){const s="_backgroundRectHelperColor_",c=e.getObject(s);c==null&&i==null||(c==null?e.addObjects([new C.Rect(s,{width:t,height:n,fill:i,evented:!1})],P.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?c.dispose():(c.setProps({fill:i}),c.transformByState({width:t,height:n})))}_handleEditorVisible(e){var p,S;const{eventType:t}=e;this._cursorChange=[C.DeviceInputEventType.PointerDown,C.DeviceInputEventType.Dblclick].includes(t)?$.CursorChange:$.StartEditor;const n=this._editorBridgeService.getEditRectState();if(n==null)return;const{position:i,documentLayoutObject:s,slideCardOffset:c,scaleX:o,scaleY:l,editorUnitId:h,unitId:d}=n,v=this._getEditorObject();if(v==null)return;const{scene:m}=v;this._contextService.setContextValue(a.EDITOR_ACTIVATED,!0);const{documentModel:_}=s,f=this._getEditorSkeleton(h);if(!f||!_)return;this._fitTextSize(i,c,f,s,o,l);const I=_.getBody().dataStream.length-2||0;(p=m.getViewport(P.VIEWPORT_KEY.VIEW_MAIN))==null||p.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:I,endOffset:I}]),(S=this._renderManagerService.getRenderById(d))==null||S.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=[re.id],n=[ne.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===$.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 qt(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){const{keycode:t}=e;if(this._cursorChange=$.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 g.KeyCode.ENTER:a.Direction.DOWN;break;case g.KeyCode.TAB:a.Direction.RIGHT;break;case g.KeyCode.ARROW_DOWN:a.Direction.DOWN;break;case g.KeyCode.ARROW_UP:a.Direction.UP;break;case g.KeyCode.ARROW_LEFT:a.Direction.LEFT;break;case g.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===$.StartEditor&&(this._cursorChange=$.CursorChange)})))}_moveInEditor(e,t){let n=a.Direction.LEFT;e===g.KeyCode.ARROW_DOWN?n=a.Direction.DOWN:e===g.KeyCode.ARROW_UP?n=a.Direction.UP:e===g.KeyCode.ARROW_RIGHT&&(n=a.Direction.RIGHT),t?this._commandService.executeCommand(P.MoveSelectionOperation.id,{direction:n}):this._commandService.executeCommand(P.MoveCursorOperation.id,{direction:n})}};Ce=Zt([M(1,g.ILayoutService),M(2,a.IUndoRedoService),M(3,a.IContextService),M(4,a.IUniverInstanceService),M(5,C.IRenderManagerService),M(6,ve),M(7,Ue),M(8,a.Inject(ne.DocSelectionManagerService)),M(9,a.ICommandService),M(10,a.Inject(a.LocaleService)),M(11,P.IEditorService)],Ce);function qt(r,e){if(r==null)return;const t=e.getRenderById(r);if(t==null)return;const{mainComponent:n,scene:i,engine:s,components:c}=t,o=n,l=c.get(P.DOCS_VIEW_KEY.BACKGROUND);return{document:o,docBackground:l,scene:i,engine:s}}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,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},me=(r,e)=>(t,n)=>e(t,n,r);let be=class extends a.RxDisposable{constructor(e,t,n,i){super();E(this,"setSlideTextEditor$",new j.Subject);E(this,"_curRichText",null);E(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,c={scene:n,engine:i,unitId:s,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(c)}_initEventListener(e){const t=c=>{const o=c.getTransformer();o&&(e.add(o.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(o.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(c.onDblclick$.subscribeEvent(()=>{o.clearControls();const h=o.getSelectedObjectMap().values().next().value;h&&(h.objectType!==C.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(c.sceneKey,h))})),e.add(this._instanceSrv.focused$.subscribe(l=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(c=>{t(c)});const s=Array.from(n.getSubScenes().values());for(let c=0;c<s.length;c++){const o=s[c];t(o)}}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 o=i[0].ts;n.cl=o==null?void 0:o.cl}this._commandService.executeCommand(N.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:C.DeviceInputEventType.PointerDown,unitId:t})}};be=Qt([me(1,a.IUniverInstanceService),me(2,a.ICommandService),me(3,ve)],be);var en=Object.getOwnPropertyDescriptor,tn=(r,e,t,n)=>{for(var i=n>1?void 0:n?en(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},fe=(r,e)=>(t,n)=>e(t,n,r);let ae=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(j.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(j.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(){}};ae=tn([fe(0,a.IContextService),fe(1,a.IUniverInstanceService),fe(2,C.IRenderManagerService)],ae);var nn=Object.getOwnPropertyDescriptor,rn=(r,e,t,n)=>{for(var i=n>1?void 0:n?nn(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},ee=(r,e)=>(t,n)=>e(t,n,r);const sn="SLIDE_UI";var te;exports.UniverSlidesUIPlugin=(te=class extends a.Plugin{constructor(e=Ne,t,n,i,s){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=i,this._configService=s;const{menu:c,...o}=a.merge({},Ne,this._config);c&&this._configService.setConfig("menu",c,{merge:!0}),this._configService.setConfig($t,o)}onStarting(){a.mergeOverrideWithDependencies([[ae],[ve,{useClass:Se}],[Ue,{useClass:Mt}],[exports.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([[exports.CanvasView],[exports.SlidesUIController],[q],[ce]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(exports.CanvasView),this._injector.get(ae)}onRendered(){[[be],[Ce]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.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(a.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},E(te,"pluginName",sn),E(te,"type",a.UniverInstanceType.UNIVER_SLIDE),te);exports.UniverSlidesUIPlugin=rn([ee(1,a.Inject(a.Injector)),ee(2,C.IRenderManagerService),ee(3,a.IUniverInstanceService),ee(4,a.IConfigService)],exports.UniverSlidesUIPlugin);exports.ActivateSlidePageOperation=xe;exports.AppendSlideOperation=Ee;exports.DeleteSlideElementOperation=Re;exports.ISlideEditorBridgeService=ve;exports.InsertSlideFloatImageCommand=oe;exports.InsertSlideShapeEllipseCommand=de;exports.InsertSlideShapeEllipseOperation=Te;exports.InsertSlideShapeRectangleCommand=le;exports.InsertSlideShapeRectangleOperation=Oe;exports.SHAPE_MENU_ID=je;exports.SLIDES_IMAGE_MENU_ID=Pe;exports.SLIDE_EDITOR_ID=G;exports.SetSlidePageThumbOperation=De;exports.SlideAddTextCommand=ue;exports.SlideAddTextOperation=we;exports.SlideEditorContainer=qe;exports.SlideSideBar=Ge;exports.SlidesUIMenuSchema=Ze;exports.UpdateSlideElementOperation=N;
package/lib/es/index.js CHANGED
@@ -1097,19 +1097,16 @@ function fn(n) {
1097
1097
  const Ee = "COMPONENT_SLIDE_SIDEBAR";
1098
1098
  function pn() {
1099
1099
  var h, l, d;
1100
- const n = O(w), e = O(y), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
1101
- if (!i) return null;
1102
- const s = (l = e.getRenderUnitByPageId(i, i).scene) == null ? void 0 : l.getTransformer();
1103
- if (!s) return null;
1104
- const c = s.getSelectedObjectMap().values().next().value;
1105
- if (!c)
1106
- return null;
1107
- const a = ((d = n.getFocusedUnit()) == null ? void 0 : d.getUnitId()) || "";
1108
- return /* @__PURE__ */ x("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
1109
- /* @__PURE__ */ u(gn, { pageId: i, unitId: a }),
1110
- /* @__PURE__ */ u(fn, { pageId: i, unitId: a }),
1111
- c.objectType === de.RECT && /* @__PURE__ */ u(vn, { pageId: i, unitId: a })
1112
- ] });
1100
+ const n = O(w), e = O(y), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id, r = ((l = n.getFocusedUnit()) == null ? void 0 : l.getUnitId()) || "";
1101
+ if (!i || !r) return null;
1102
+ const o = (d = e.getRenderUnitByPageId(i, r).scene) == null ? void 0 : d.getTransformer();
1103
+ if (!o) return null;
1104
+ const a = o.getSelectedObjectMap().values().next().value;
1105
+ return a ? /* @__PURE__ */ x("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
1106
+ /* @__PURE__ */ u(gn, { pageId: i, unitId: r }),
1107
+ /* @__PURE__ */ u(fn, { pageId: i, unitId: r }),
1108
+ a.objectType === de.RECT && /* @__PURE__ */ u(vn, { pageId: i, unitId: r })
1109
+ ] }) : null;
1113
1110
  }
1114
1111
  const Ye = {
1115
1112
  id: "slide.command.insert-float-shape.rectangle",
package/lib/index.js CHANGED
@@ -1097,19 +1097,16 @@ function fn(n) {
1097
1097
  const Ee = "COMPONENT_SLIDE_SIDEBAR";
1098
1098
  function pn() {
1099
1099
  var h, l, d;
1100
- const n = O(w), e = O(y), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id;
1101
- if (!i) return null;
1102
- const s = (l = e.getRenderUnitByPageId(i, i).scene) == null ? void 0 : l.getTransformer();
1103
- if (!s) return null;
1104
- const c = s.getSelectedObjectMap().values().next().value;
1105
- if (!c)
1106
- return null;
1107
- const a = ((d = n.getFocusedUnit()) == null ? void 0 : d.getUnitId()) || "";
1108
- return /* @__PURE__ */ x("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
1109
- /* @__PURE__ */ u(gn, { pageId: i, unitId: a }),
1110
- /* @__PURE__ */ u(fn, { pageId: i, unitId: a }),
1111
- c.objectType === de.RECT && /* @__PURE__ */ u(vn, { pageId: i, unitId: a })
1112
- ] });
1100
+ const n = O(w), e = O(y), t = n.getCurrentUnitForType(E.UNIVER_SLIDE), i = (h = t == null ? void 0 : t.getActivePage()) == null ? void 0 : h.id, r = ((l = n.getFocusedUnit()) == null ? void 0 : l.getUnitId()) || "";
1101
+ if (!i || !r) return null;
1102
+ const o = (d = e.getRenderUnitByPageId(i, r).scene) == null ? void 0 : d.getTransformer();
1103
+ if (!o) return null;
1104
+ const a = o.getSelectedObjectMap().values().next().value;
1105
+ return a ? /* @__PURE__ */ x("section", { className: "univer-p-2 univer-text-center univer-text-sm", children: [
1106
+ /* @__PURE__ */ u(gn, { pageId: i, unitId: r }),
1107
+ /* @__PURE__ */ u(fn, { pageId: i, unitId: r }),
1108
+ a.objectType === de.RECT && /* @__PURE__ */ u(vn, { pageId: i, unitId: r })
1109
+ ] }) : null;
1113
1110
  }
1114
1111
  const Ye = {
1115
1112
  id: "slide.command.insert-float-shape.rectangle",
package/lib/umd/index.js CHANGED
@@ -1,2 +1,2 @@
1
- (function(h,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/drawing"),require("@univerjs/ui"),require("react/jsx-runtime"),require("@univerjs/design"),require("react"),require("@univerjs/docs-ui"),require("rxjs"),require("@univerjs/docs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@univerjs/slides","@univerjs/drawing","@univerjs/ui","react/jsx-runtime","@univerjs/design","react","@univerjs/docs-ui","rxjs","@univerjs/docs"],a):(h=typeof globalThis<"u"?globalThis:h||self,a(h.UniverSlidesUi={},h.UniverCore,h.UniverEngineRender,h.UniverSlides,h.UniverDrawing,h.UniverUi,h.React,h.UniverDesign,h.React,h.UniverDocsUi,h.rxjs,h.UniverDocs))})(this,(function(h,a,_,H,ge,p,u,D,E,M,N,Q){"use strict";var sn=Object.defineProperty;var an=(h,a,_)=>a in h?sn(h,a,{enumerable:!0,configurable:!0,writable:!0,value:_}):h[a]=_;var O=(h,a,_)=>an(h,typeof a!="symbol"?a+"":a,_);var ve;var et=Object.getOwnPropertyDescriptor,tt=(s,e,t,n)=>{for(var i=n>1?void 0:n?et(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},pe=(s,e)=>(t,n)=>e(t,n,s);let Y=class extends a.RxDisposable{constructor(e,t,n,i){super();O(this,"_objectProvider",null);O(this,"_refreshThumb",a.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(H.ObjectProvider),this._addNewRender()}_addNewRender(){const{unitId:e,engine:t,scene:n}=this._renderContext,i=this._getCurrUnitModel();if(!i)return;const r=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),r==null||r.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});const c=new _.Viewport(H.SLIDE_KEY.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((l,g)=>{const d=l;if(d.ctrlKey){const v=Math.abs(d.deltaX);let I=v<40?.2:v<80?.4:.2;I*=d.deltaY>0?-1:1,n.scaleX<1&&(I/=2),n.scaleX+I>4?n.scale(4,4):n.scaleX+I<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else c.onMouseWheel(d,g)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),_.ScrollBar.attachTo(c);const o=this._createSlide(n);this._renderContext.mainComponent=o,this._createSlidePages(i,o),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(H.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:r}=n,{x:c,y:o}=t.transViewportScroll2ScrollValue(i,r);t.scrollToBarPos({x:c,y:o})}_currentRender(){return _.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,r=t.getPageSize(),{width:c=100,height:o=100}=r,l=new _.Slide(H.SLIDE_KEY.COMPONENT,{left:(n-c)/2,top:(i-o)/2,width:c,height:o,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:r=0,height:c=0}=i,o=new _.Rect("canvas",{left:0,top:0,width:r,height:c,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:a.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(o,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:t,height:n}=e,i=e.getEngine(),r=(i==null?void 0:i.width)||0,c=(i==null?void 0:i.height)||0;return{left:(t-r)/2,top:(n-c)/2}}_thumbSceneRender(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{engine:i}=n;if(i==null)return;const{width:r,height:c}=t,{width:o=r,height:l=c}=i,g=i.getCanvas().getContext();t.renderToThumb(g,e,o/r,l/c)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let r=0,c=i.length;r<c;r++){const o=i[r];this.createPageScene(o,n[o]),this._createThumb(o)}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(),g=n.getPageOrder();if(g==null||l==null)return;i=l[g[0]],t=i.id}const r=this._currentRender();if(i==null||r==null||r.mainComponent==null)return;const{id:c}=i,o=r.mainComponent;if(n.setActivePage(i),o!=null&&o.hasPage(c)){o.changePage(c);return}this.createPageScene(c,i)}createThumbs(){const t=this._getCurrUnitModel().getPageOrder(),n=this._currentRender();if(!(!t||!n)&&t.length!==0)for(let i=0,r=t.length;i<r;i++){const c=t[i];this._thumbSceneRender(c,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:r}=n,c=r,{width:o,height:l}=c,g=new _.Scene(e,c,{width:o,height:l});new _.Viewport(`PageViewer_${e}`,g,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:v,pageBackgroundFill:I}=t,C=this._objectProvider.convertToRenderObjects(v,i);if(!C||!c)return;this._addBackgroundRect(g,I),g.addObjects(C),g.initTransformer(),C.forEach(m=>{g.attachTransformerTo(m)});const S=g.getTransformer();return S==null||S.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,c)}),S==null||S.clearControl$.subscribe(()=>{this._thumbSceneRender(e,c)}),c.addPageScene(g),g}getPageRenderUnit(e){const n=this._renderContext.mainComponent.getSubScenes().get(e),{engine:i,unit:r}=this._renderContext;return{scene:n,engine:i,unit:r}}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,r=n.mainComponent,c=this.createPageScene(i,t);r&&c&&r.addPageScene(c),e.appendPage(t),e.setActivePage(t)}};Y=tt([pe(1,a.Inject(a.Injector)),pe(2,a.IUniverInstanceService),pe(3,_.IRenderManagerService)],Y);var nt=Object.getOwnPropertyDescriptor,it=(s,e,t,n)=>{for(var i=n>1?void 0:n?nt(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},rt=(s,e)=>(t,n)=>e(t,n,s);h.CanvasView=class extends a.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(Y)}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()}},h.CanvasView=it([rt(0,_.IRenderManagerService)],h.CanvasView);const fe={id:"slide.operation.activate-slide",type:a.CommandType.OPERATION,handler:(s,e)=>{var g,d;const t=e.unitId,n=s.get(h.CanvasView),r=s.get(a.IUniverInstanceService).getUnit(t),c=(g=r==null?void 0:r.getActivePage())==null?void 0:g.id;if(!c)return!1;const o=n.getRenderUnitByPageId(c,t);if(!o)return!1;const l=(d=o.scene)==null?void 0:d.getTransformer();return l&&l.clearControls(),n.activePage(e.id,t),!0}},Ie={id:"slide.operation.append-slide",type:a.CommandType.OPERATION,handler:(s,e)=>{const t=e.unitId;return s.get(a.IUniverInstanceService).getUnit(t)?(s.get(h.CanvasView).appendPage(t),!0):!1}},_e={id:"slide.operation.delete-element",type:a.CommandType.OPERATION,handler:(s,e)=>{if(!(e!=null&&e.id))return!1;const t=e.unitId,i=s.get(a.IUniverInstanceService).getUnit(t);if(!i)return!1;const r=i.getActivePage();return delete r.pageElements[e.id],i.updatePage(r.id,r),s.get(h.CanvasView).removeObjectById(e.id,r.id,t),!0}},ee={id:"slide.command.insert-float-image",type:a.CommandType.COMMAND,handler:async(s,e)=>{var V;const t=s.get(a.IUniverInstanceService),n=(V=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))==null?void 0:V.getUnitId();if(!n)return!1;const r=await s.get(p.ILocalFileService).openFile({multiple:!0,accept:ge.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(x=>`.${x.replace("image/","")}`).join(",")});if(r.length!==1)return!1;const o=await s.get(ge.IImageIoService).saveImage(r[0]);if(!o)return!1;const{imageId:l,imageSourceType:g,source:d,base64Cache:v}=o,{width:I,height:C,image:S}=await ge.getImageSize(v||""),m=t.getUnit(n);if(!m)return!1;const f=m.getActivePage(),b=Object.values(f.pageElements),w=b!=null&&b.length?Math.max(...b.map(x=>x.zIndex)):20,T={id:l,zIndex:w+1,left:0,top:0,width:I,height:C,title:"",description:"",type:a.PageElementType.IMAGE,image:{imageProperties:{contentUrl:v,imageSourceType:g,source:d,base64Cache:v,image:S}}};f.pageElements[l]=T,m.updatePage(f.id,f);const U=s.get(h.CanvasView),P=U.createObjectToPage(T,f.id,n);return P&&U.setObjectActiveByPage(P,f.id,n),!0}};function A({ref:s,...e}){const{icon:t,id:n,className:i,extend:r,...c}=e,o=`univerjs-icon univerjs-icon-${n} ${i||""}`.trim(),l=E.useRef(`_${ct()}`);return je(t,`${n}`,{defIds:t.defIds,idSuffix:l.current},{ref:s,className:o,...c},r)}function je(s,e,t,n,i){return E.createElement(s.tag,{key:e,...st(s,t,i),...n},(at(s,t).children||[]).map((r,c)=>je(r,`${e}-${s.tag}-${c}`,t,void 0,i)))}function st(s,e,t){const n={...s.attrs};t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1),s.tag==="mask"&&n.id&&(n.id=n.id+e.idSuffix),Object.entries(n).forEach(([r,c])=>{r==="mask"&&typeof c=="string"&&(n[r]=c.replace(/url\(#(.*)\)/,`url(#$1${e.idSuffix})`))});const{defIds:i}=e;return!i||i.length===0||(s.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(([r,c])=>{typeof c=="string"&&(n[r]=c.replace(/url\(#(.*)\)/,`url(#$1${e.idSuffix})`))})),n}function at(s,e){var n;const{defIds:t}=e;return!t||t.length===0?s:s.tag==="defs"&&((n=s.children)!=null&&n.length)?{...s,children:s.children.map(i=>typeof i.attrs.id=="string"&&t&&t.includes(i.attrs.id)?{...i,attrs:{...i.attrs,id:i.attrs.id+e.idSuffix}}:i)}:s}function ct(){return Math.random().toString(36).substring(2,8)}A.displayName="UniverIcon";const ot={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Ve=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"bottom-icon",ref:t,icon:ot}))});Ve.displayName="BottomIcon";const lt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-icon_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-icon_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"white",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-icon_clip0_1293_28"]},Ae=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"graph-icon",ref:t,icon:lt}))});Ae.displayName="GraphIcon";const dt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Se=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"more-down-icon",ref:t,icon:dt}))});Se.displayName="MoreDownIcon";const ut={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},Le=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"move-down-icon",ref:t,icon:ut}))});Le.displayName="MoveDownIcon";const vt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},Be=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"move-up-icon",ref:t,icon:vt}))});Be.displayName="MoveUpIcon";const ht={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{fill:"currentColor",clipPath:"url(#text-icon_clip0_1293_26)"},children:[{tag:"path",attrs:{d:"M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z"}},{tag:"path",attrs:{d:"M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"text-icon_clip0_1293_26"},children:[{tag:"path",attrs:{fill:"white",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["text-icon_clip0_1293_26"]},$e=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"text-icon",ref:t,icon:ht}))});$e.displayName="TextIcon";const gt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Fe=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"topmost-icon",ref:t,icon:gt}))});Fe.displayName="TopmostIcon";const pt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z",fillRule:"evenodd",clipRule:"evenodd"}}]},He=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"autofill-double-icon",ref:t,icon:pt}))});He.displayName="AutofillDoubleIcon";const ft={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"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"}}]},We=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"paint-bucket-double-icon",ref:t,icon:ft}))});We.displayName="PaintBucketDoubleIcon";const R={id:"slide.operation.update-element",type:a.CommandType.OPERATION,handler:(s,e)=>{const{oKey:t,props:n}=e,i=s.get(a.IUniverInstanceService),r=e==null?void 0:e.unitId,c=i.getUnit(r);if(!c)return!1;const o=c.getActivePage();return o.pageElements[t]=a.merge(o.pageElements[t],n),c.updatePage(o.id,o),!0}};function It(s){const{pageId:e,unitId:t}=s,n=p.useDependency(a.LocaleService),i=p.useDependency(h.CanvasView),r=p.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const v=I=>{const C=o.getAllObjects(),[S,m]=C.reduce(([b,w],T)=>{const U=T.zIndex,P=U<b?U:b,V=U>w?U:w;return[P,V]},[0,0]);let f=d.zIndex;I===3?f=S-1:I===2?f=m+1:I===0?f=d.zIndex+1:I===1&&(f=d.zIndex-1),d.setProps({zIndex:f}),r.executeCommand(R.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:f}})};return u.jsxs("div",{className:"univer-relative univer-w-full",children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("image-panel.arrange.title")})})}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Button,{onClick:()=>{v(0)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Be,{}),n.t("image-panel.arrange.forward")]})})}),u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Button,{onClick:()=>{v(1)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Le,{}),n.t("image-panel.arrange.backward")]})})})]}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Button,{onClick:()=>{v(2)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Fe,{}),n.t("image-panel.arrange.front")]})})}),u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Button,{onClick:()=>{v(3)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Ve,{}),n.t("image-panel.arrange.back")]})})})]})]})}function _t(s){var S,m;const{pageId:e,unitId:t}=s,n=p.useDependency(a.LocaleService),i=p.useDependency(h.CanvasView),r=p.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[v,I]=E.useState((m=(S=d.fill)==null?void 0:S.toString())!=null?m:"");function C(f){d==null||d.setProps({fill:f}),r.executeCommand(R.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:f}}}}}),I(f)}return u.jsx("div",{className:D.clsx("univer-relative univer-bottom-0 univer-mt-5 univer-w-full",D.borderTopClassName),children:u.jsxs("div",{className:"univer-relative univer-w-full",children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("slide.panel.fill.title")})})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Dropdown,{overlay:u.jsx("div",{className:"univer-rounded-lg univer-p-4",children:u.jsx(D.ColorPicker,{value:"#fff",onChange:C})}),children:u.jsxs("a",{className:"univer-flex univer-cursor-pointer univer-items-center univer-gap-1",children:[u.jsx(We,{className:"univer-fill-primary-600"}),u.jsx(Se,{})]})})})})]})})}function St(s){const{pageId:e,unitId:t}=s,n=p.useDependency(a.LocaleService),i=p.useDependency(h.CanvasView),r=p.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:v=0,height:I=0,left:C=0,top:S=0,angle:m=0}=d,[f,b]=E.useState(v),[w,T]=E.useState(I),[U,P]=E.useState(C),[V,x]=E.useState(S),[X,B]=E.useState(m),F=y=>{const{objects:q}=y,J=q.values().next().value,{width:Qt=0,height:en=0,left:tn=0,top:nn=0,angle:rn=0}=J;b(Qt),T(en),P(tn),x(nn),B(rn)};E.useEffect(()=>{const y=l.changeStart$.subscribe(J=>{F(J)}),q=l.changing$.subscribe(J=>{F(J)});return()=>{q.unsubscribe(),y.unsubscribe()}},[]);function L(y){!y||!d||(r.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{width:y}}),d==null||d.resize(y,d.height),b(y),l==null||l.refreshControls())}function G(y){!y||!d||(r.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{height:y}}),d==null||d.resize(d.width,y),T(y),l==null||l.refreshControls())}function Z(y){!y||!d||(r.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{left:y}}),d==null||d.translate(y,d.top),P(y),l==null||l.refreshControls())}function k(y){!y||!d||(r.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{right:y}}),d==null||d.translate(d.left,y),x(y),l==null||l.refreshControls())}function he(y){!y||!d||(r.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{angle:y}}),d==null||d.transformByState({angle:y}),B(y),l==null||l.refreshControls())}return u.jsxs("div",{className:D.clsx("univer-relative univer-bottom-0 univer-mt-5 univer-w-full",D.borderTopClassName),children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("image-panel.transform.title")})})}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.width")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",min:1,value:f,onChange:y=>{L(y)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.height")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",min:1,value:w,onChange:y=>{G(y)}})})})]})})]}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.x")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",precision:1,min:0,value:U,onChange:y=>{Z(y)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.y")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",precision:1,min:0,value:V,onChange:y=>{k(y)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.rotate")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",precision:1,value:X,onChange:he})})})]})})]})]})}const te="COMPONENT_SLIDE_SIDEBAR";function mt(){var g,d,v;const s=p.useDependency(a.IUniverInstanceService),e=p.useDependency(h.CanvasView),t=s.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(g=t==null?void 0:t.getActivePage())==null?void 0:g.id;if(!n)return null;const r=(d=e.getRenderUnitByPageId(n,n).scene)==null?void 0:d.getTransformer();if(!r)return null;const o=r.getSelectedObjectMap().values().next().value;if(!o)return null;const l=((v=s.getFocusedUnit())==null?void 0:v.getUnitId())||"";return u.jsxs("section",{className:"univer-p-2 univer-text-center univer-text-sm",children:[u.jsx(It,{pageId:n,unitId:l}),u.jsx(St,{pageId:n,unitId:l}),o.objectType===_.ObjectType.RECT&&u.jsx(_t,{pageId:n,unitId:l})]})}const ne={id:"slide.command.insert-float-shape.rectangle",type:a.CommandType.COMMAND,handler:async s=>{var i;const e=s.get(a.ICommandService),n=(i=s.get(a.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return e.executeCommand(me.id,{unitId:n})}},me={id:"slide.operation.insert-float-shape.rectangle",type:a.CommandType.OPERATION,handler:async(s,e)=>{const t=a.generateRandomId(6),n=s.get(a.IUniverInstanceService),i=e.unitId,r=n.getUnit(i);if(!r)return!1;const c=r.getActivePage(),o=Object.values(c.pageElements),l=o!=null&&o.length?Math.max(...o.map(I=>I.zIndex)):20,g={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)"}}}};c.pageElements[t]=g,r.updatePage(c.id,c);const d=s.get(h.CanvasView),v=d.createObjectToPage(g,c.id,i);return v&&d.setObjectActiveByPage(v,c.id,i),!0}},Ce={id:"sidebar.operation.slide-shape",type:a.CommandType.COMMAND,handler:async(s,e)=>{const{visible:t,objectType:n}=e,i=s.get(p.ISidebarService),r=s.get(a.LocaleService);let c="",o="";return n===_.ObjectType.RECT?(c="slide.sidebar.shape",o=te):n===_.ObjectType.IMAGE?(c="slide.sidebar.image",o=te):n===_.ObjectType.RICH_TEXT&&(c="slide.sidebar.text",o=te),t?i.open({header:{title:r.t(c)},children:{label:o},onClose:()=>{},width:360}):i.close(),!0}},ie={id:"slide.command.insert-float-shape.ellipse",type:a.CommandType.COMMAND,handler:async s=>{var i;const e=s.get(a.ICommandService),n=(i=s.get(a.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return e.executeCommand(be.id,{unitId:n})}},be={id:"slide.operation.insert-float-shape.ellipse",type:a.CommandType.OPERATION,handler:async(s,e)=>{const t=a.generateRandomId(6),n=s.get(a.IUniverInstanceService),i=e.unitId,r=n.getUnit(i);if(!r)return!1;const c=r.getActivePage(),o=Object.values(c.pageElements),l=o!=null&&o.length?Math.max(...o.map(I=>I.zIndex)):20,g={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:a.PageElementType.SHAPE,shape:{shapeType:a.BasicShapes.Ellipse,text:"",shapeProperties:{radius:100,shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};c.pageElements[t]=g,r.updatePage(c.id,c);const d=s.get(h.CanvasView),v=d.createObjectToPage(g,c.id,i);return v&&d.setObjectActiveByPage(v,c.id,i),!0}},re={id:"slide.command.add-text",type:a.CommandType.COMMAND,handler:async s=>{var i;const e=s.get(a.ICommandService),n=(i=s.get(a.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return await e.executeCommand(Ee.id,{unitId:n})}},Ee={id:"slide.operation.add-text",type:a.CommandType.OPERATION,handler:async(s,e)=>{const t=e.unitId,n=a.generateRandomId(6),i=220,r=40,c=230,o=142,l=(e==null?void 0:e.text)||"A New Text",d=s.get(a.IUniverInstanceService).getUnit(t);if(!d)return!1;const v=d.getActivePage(),I=Object.values(v.pageElements),C=I!=null&&I.length?Math.max(...I.map(b=>b.zIndex)):21,S={id:n,zIndex:C+1,left:c,top:o,width:i,height:r,title:"text",description:"",type:a.PageElementType.TEXT,richText:{text:l,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};v.pageElements[n]=S,d.updatePage(v.id,v);const m=s.get(h.CanvasView),f=m.createObjectToPage(S,v.id,t);return f&&m.setObjectActiveByPage(f,v.id,t),!0}},ye={id:"slide.operation.set-slide-page-thumb",type:a.CommandType.OPERATION,handler:(s,e)=>(s.get(h.CanvasView).createThumbs(e.unitId),!0)};function ke(){var S,m;const s=p.useDependency(a.IUniverInstanceService),e=p.useDependency(a.ICommandService),t=p.useDependency(_.IRenderManagerService),n=p.useDependency(a.LocaleService),i=E.useRef(null),r=s.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),c=r==null?void 0:r.getPages(),o=r==null?void 0:r.getPageOrder();if(!c||!o)return null;const l=o.map(f=>c[f]),[g,d]=E.useState((m=(S=r==null?void 0:r.getActivePage())==null?void 0:S.id)!=null?m:null),v=E.useMemo(()=>l.map(()=>E.createRef()),[l]);E.useEffect(()=>{const f=r==null?void 0:r.activePage$.subscribe(b=>{var T;const w=(T=b==null?void 0:b.id)!=null?T:null;w&&d(w)});return()=>{f==null||f.unsubscribe()}},[]),E.useEffect(()=>{v.forEach((f,b)=>{var w;if(f.current){const T=l[b];(w=t.getRenderById(T.id))==null||w.engine.setContainer(f.current)}}),v.length>0&&e.syncExecuteCommand(ye.id,{unitId:r==null?void 0:r.getUnitId()})},[v,l,t,e,r]);const I=E.useCallback(f=>{e.syncExecuteCommand(fe.id,{id:f,unitId:r==null?void 0:r.getUnitId()})},[e,r]),C=E.useCallback(()=>{e.syncExecuteCommand(Ie.id,{unitId:r==null?void 0:r.getUnitId()})},[e,r]);return u.jsx("aside",{ref:i,className:D.clsx("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden",D.scrollbarClassName),children:u.jsxs("div",{className:"univer-px-4",children:[u.jsx("header",{className:"univer-flex univer-justify-center univer-pt-4",children:u.jsx("a",{className:D.clsx("univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors",D.borderClassName),onClick:C,children:n.t("slide.append")})}),l.map((f,b)=>u.jsxs("div",{className:D.clsx("univer-my-4 univer-flex univer-gap-2",{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":f.id===g}),onClick:()=>I(f.id),children:[u.jsx("span",{children:b+1}),u.jsx("div",{ref:v[b],className:D.clsx("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600",D.borderClassName)})]},f.id))]})})}const K=a.createInternalEditorID("SLIDE_EDITOR"),Oe="slide.menu.image";function Ct(s){return{id:Oe,type:p.MenuItemType.SUBITEMS,icon:"AddImageIcon",tooltip:"slide.image.insert.title",hidden$:p.getMenuHiddenObservable(s,a.UniverInstanceType.UNIVER_SLIDE)}}function bt(s){return{id:ee.id,title:"slide.image.insert.float",type:p.MenuItemType.BUTTON,hidden$:p.getMenuHiddenObservable(s,a.UniverInstanceType.UNIVER_SLIDE)}}const Te="slide.menu.shape";function Et(s){return{id:Te,type:p.MenuItemType.SUBITEMS,icon:"GraphIcon",tooltip:"slide.shape.insert.title",hidden$:p.getMenuHiddenObservable(s,a.UniverInstanceType.UNIVER_SLIDE)}}function yt(s){return{id:ne.id,title:"slide.shape.insert.rectangle",type:p.MenuItemType.BUTTON,hidden$:p.getMenuHiddenObservable(s,a.UniverInstanceType.UNIVER_SLIDE)}}function Ot(s){return{id:ie.id,title:"slide.shape.insert.ellipse",type:p.MenuItemType.BUTTON,hidden$:p.getMenuHiddenObservable(s,a.UniverInstanceType.UNIVER_SLIDE)}}function Tt(s){return{id:re.id,type:p.MenuItemType.BUTTON,icon:"TextIcon",tooltip:"slide.text.insert.title",hidden$:p.getMenuHiddenObservable(s,a.UniverInstanceType.UNIVER_SLIDE)}}const Ke={[p.RibbonStartGroup.FORMAT]:{[re.id]:{order:0,menuItemFactory:Tt},[Oe]:{order:0,menuItemFactory:Ct,[ee.id]:{order:0,menuItemFactory:bt}},[Te]:{order:0,menuItemFactory:Et,[ne.id]:{order:0,menuItemFactory:yt},[ie.id]:{order:0,menuItemFactory:Ot}}}},se={id:"slide.operation.edit-arrow",type:a.CommandType.OPERATION,handler:()=>!0},ze="COMPONENT_SLIDE_IMAGE_POPUP_MENU";function wt(s){var S,m;const e=(m=(S=s.popup)==null?void 0:S.extraProps)==null?void 0:m.menuItems;if(!e)return null;const t=p.useDependency(a.ICommandService),n=p.useDependency(a.LocaleService),[i,r]=E.useState(!1),[c,o]=E.useState(!1),l=()=>{o(!0)},g=()=>{o(!1)},d=f=>{r(f)},v=f=>{t.executeCommand(f.commandId,f.commandParams),r(!1)},I=i||c,C=e.filter(f=>!f.disable);return u.jsx("div",{onMouseEnter:l,onMouseLeave:g,children:u.jsx(D.Dropdown,{align:"start",overlay:u.jsx("ul",{className:D.clsx("univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg",D.borderClassName),children:C.map(f=>u.jsx("li",{className:"univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",onClick:()=>v(f),children:u.jsx("span",{className:"univer-px-2 univer-py-1.5 univer-align-middle",children:n.t(f.label)})},f.index))}),open:i,onOpenChange:d,children:u.jsxs("div",{className:D.clsx("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800",D.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":i,"univer-bg-white dark:!univer-bg-gray-900":!i}),children:[u.jsx(He,{className:"univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"}),I&&u.jsx(Se,{className:"dark:!univer-text-white"})]})})})}class Dt{constructor(){O(this,"_state",null);O(this,"_rect",null);O(this,"_state$",new N.BehaviorSubject(null));O(this,"state$",this._state$.asObservable());O(this,"_rect$",new N.BehaviorSubject(null));O(this,"rect$",this._rect$.asObservable());O(this,"_focus",!1);O(this,"_focus$",new N.BehaviorSubject(this._focus));O(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 we=a.createIdentifier("univer.slide-editor-manager.service"),ae=-1e3,Xe={width:0,height:0,top:ae,left:ae};function Ge(){const[s,e]=E.useState({...Xe}),t=p.useDependency(we),n=p.useDependency(M.IEditorService),i=p.useDependency(a.IContextService),r=p.useObservable(()=>i.subscribeContextValue$(p.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,p.DISABLE_AUTO_FOCUS_KEY]);return a.DocumentFlavor.UNSPECIFIED,E.useEffect(()=>{t.state$.subscribe(c=>{if(c==null)return;const{startX:o=ae,startY:l=ae,endX:g=0,endY:d=0,show:v=!1}=c;if(!v)e({...Xe});else{e({width:g-o-_.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:d-l-_.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:o+_.FIX_ONE_PIXEL_BLUR_OFFSET,top:l+_.FIX_ONE_PIXEL_BLUR_OFFSET});const I=n.getEditor(K);if(I==null)return;const{left:C,top:S,width:m,height:f}=I.getBoundingClientRect();t.setRect({left:C,top:S,width:m,height:f})}})},[]),E.useEffect(()=>{r||t.setFocus(!0)},[r,s]),u.jsx("div",{className:D.clsx("univer-absolute univer-z-10 univer-box-border univer-flex",D.borderClassName),style:{left:s.left,top:s.top,width:s.width,height:s.height}})}function De(s){return s.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&s.getContextValue(a.EDITOR_ACTIVATED)}function xt(s){return s.getContextValue(a.FORMULA_EDITOR_ACTIVATED)&&s.getContextValue(a.FOCUSING_UNIVER_EDITOR)}const Ze=[p.KeyCode.ARROW_DOWN,p.KeyCode.ARROW_UP,p.KeyCode.ARROW_LEFT,p.KeyCode.ARROW_RIGHT];[p.KeyCode.ENTER,p.KeyCode.TAB,...Ze];function Pt(){const s=[];for(const e of Ze)s.push({id:se.id,binding:e,preconditions:t=>De(t),staticParameters:{visible:!1,eventType:_.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),s.push({id:se.id,binding:e|p.MetaKeys.SHIFT,preconditions:t=>De(t),staticParameters:{visible:!1,eventType:_.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return s}const Ut={id:M.DeleteLeftCommand.id,preconditions:s=>De(s)||xt(s),binding:p.KeyCode.BACKSPACE};var Mt=Object.getOwnPropertyDescriptor,Nt=(s,e,t,n)=>{for(var i=n>1?void 0:n?Mt(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},z=(s,e)=>(t,n)=>e(t,n,s);h.SlidesUIController=class extends a.Disposable{constructor(e,t,n,i,r,c){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=i,this._commandService=r,this._shortcutService=c,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(Ke)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register("TextIcon",$e)),this.disposeWithMe(e.register("GraphIcon",Ae)),this.disposeWithMe(e.register(ze,wt)),this.disposeWithMe(e.register(te,mt))}_initCommands(){[Ie,fe,ye,ee,Ee,re,ie,be,me,ne,Ce,_e,R,se].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(p.BuiltInUIPart.LEFT_SIDEBAR,()=>p.connectInjector(ke,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(p.BuiltInUIPart.CONTENT,()=>p.connectInjector(Ge,this._injector)))}_initShortcuts(){[Ut,...Pt()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}},h.SlidesUIController=Nt([z(0,a.Inject(a.Injector)),z(1,p.IMenuManagerService),z(2,a.Inject(p.ComponentManager)),z(3,p.IUIPartsService),z(4,a.ICommandService),z(5,p.IShortcutService)],h.SlidesUIController);const Rt="slides-ui.config",Ye={};var jt=Object.getOwnPropertyDescriptor,Vt=(s,e,t,n)=>{for(var i=n>1?void 0:n?jt(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},ce=(s,e)=>(t,n)=>e(t,n,s);function At(s,e){const t=qe(s.left,s.top,e),n=qe(s.right,s.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function qe(s,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),r=t.getViewport(H.SLIDE_KEY.VIEW);if(!r)return{x:s,y:e};const{viewportScrollX:c,viewportScrollY:o}=r,l=(s-c)*n,g=(e-o)*i;return{x:l,y:g}}h.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 L,G,Z,k;const{scene:o,engine:l}=t,{left:g,top:d,width:v,height:I}=e,C=(o.width-((G=(L=t.mainComponent)==null?void 0:L.width)!=null?G:0))/2,S=(o.height-((k=(Z=t.mainComponent)==null?void 0:Z.height)!=null?k:0))/2,m={left:g,right:g+v,top:d,bottom:d+I},f=l.getCanvasElement(),b=f.getBoundingClientRect(),w=_.pxToNum(f.style.width),{scaleX:T,scaleY:U}=o.getAncestorScale(),P=At(m,o),{top:V,left:x,width:X}=b,B=X/w;return{left:P.left*B*T+x+C,right:P.right*B*T+x+C,top:P.top*B*U+V+S,bottom:P.bottom*B*U+V+S}})(),r=new N.BehaviorSubject(i),c=new a.DisposableCollection;return{position:i,position$:r,disposable:c}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getUnitId(),r=this._renderManagerService.getRenderById(i);if(!r)return{dispose:()=>{}};const{position:c,position$:o,disposable:l}=this._createObjectPositionObserver(e,r),g=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:c,anchorRect$:o,canvasElement:r.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(g),o.complete(),l.dispose()}}}},h.SlideCanvasPopMangerService=Vt([ce(0,a.Inject(p.ICanvasPopupService)),ce(1,_.IRenderManagerService),ce(2,a.IUniverInstanceService),ce(3,a.ICommandService)],h.SlideCanvasPopMangerService);var Lt=Object.getOwnPropertyDescriptor,Bt=(s,e,t,n)=>{for(var i=n>1?void 0:n?Lt(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},W=(s,e)=>(t,n)=>e(t,n,s);let oe=class extends a.RxDisposable{constructor(e,t,n,i,r,c,o){super();O(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=r,this._sidebarService=c,this._commandService=o,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(r=>{var g;const o=(g=this._canvasView.getRenderUnitByPageId(r,e).scene)==null?void 0:g.getTransformer();if(!o)return;let l;this.disposeWithMe(a.toDisposable(o.createControl$.subscribe(()=>{const d=o.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const v=d.values().next().value;if(!v)return;const I=v.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(v,{componentKey:ze,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(v.objectType,I,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Ce.id,{visible:!0,objectType:v.objectType})}))),this.disposeWithMe(o.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(a.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(o.changing$.subscribe(()=>{l==null||l.dispose();const d=o.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const v=d.values().next().value;v&&this._commandService.executeCommand(R.id,{unitId:e,oKey:v.oKey,props:{width:v.width,height:v.height,left:v.left,top:v.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:Ce.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:_e.id,commandParams:{id:t,unitId:n},disable:!1}]}};oe=Bt([W(0,a.Inject(h.SlideCanvasPopMangerService)),W(1,_.IRenderManagerService),W(2,a.IUniverInstanceService),W(3,a.IContextService),W(4,a.Inject(h.CanvasView)),W(5,p.ISidebarService),W(6,a.ICommandService)],oe);var $t=Object.getOwnPropertyDescriptor,Ft=(s,e,t,n)=>{for(var i=n>1?void 0:n?$t(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},xe=(s,e)=>(t,n)=>e(t,n,s);const le=a.createIdentifier("univer.slide-editor-bridge.service");let Pe=class extends a.Disposable{constructor(e,t,n){super();O(this,"_editorUnitId",K);O(this,"_isForceKeepVisible",!1);O(this,"_editorIsDirty",!1);O(this,"_currentEditRectState",null);O(this,"_currentEditRectState$",new N.BehaviorSubject(null));O(this,"currentEditRectState$",this._currentEditRectState$.asObservable());O(this,"_visibleParam",{visible:!1,eventType:_.DeviceInputEventType.Dblclick,unitId:""});O(this,"_visible$",new N.BehaviorSubject(this._visibleParam));O(this,"visible$",this._visible$.asObservable());O(this,"_afterVisible$",new N.BehaviorSubject(this._visibleParam));O(this,"afterVisible$",this._afterVisible$.asObservable());O(this,"endEditing$",new N.Subject);O(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(K),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=K,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 c={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}},o=t.richTextObj.width,l=t.richTextObj.height,g=t.richTextObj.left,d=t.richTextObj.top,v={left:0,top:0},I=this._renderManagerService.getRenderById(n),C=I==null?void 0:I.scene,S=C==null?void 0:C.getViewport(H.SLIDE_KEY.VIEW),m=C==null?void 0:C.getObject(H.SLIDE_KEY.COMPONENT),f={x:(m==null?void 0:m.left)||0,y:(m==null?void 0:m.top)||0},b=(S==null?void 0:S.viewportScrollX)||0,w=(S==null?void 0:S.viewportScrollY)||0;return v.left=f.x-b,v.top=f.y-w,{position:{startX:g,startY:d,endX:g+o,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:v,unitId:n,editorUnitId:e,documentLayoutObject:c}}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
2
- `,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=Ft([xe(0,M.IEditorService),xe(1,a.IContextService),xe(2,_.IRenderManagerService)],Pe);var $=(s=>(s[s.InitialState=0]="InitialState",s[s.StartEditor=1]="StartEditor",s[s.CursorChange=2]="CursorChange",s))($||{}),Ht=Object.getOwnPropertyDescriptor,Wt=(s,e,t,n)=>{for(var i=n>1?void 0:n?Ht(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},j=(s,e)=>(t,n)=>e(t,n,s);const Je=-1e3,Qe=5,kt=2;let Ue=class extends a.Disposable{constructor(e,t,n,i,r,c,o,l,g,d,v,I){super();O(this,"_cursorChange",$.InitialState);O(this,"_isUnitEditing",!1);O(this,"_d");this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=i,this._instanceSrv=r,this._renderManagerService=c,this._editorBridgeService=o,this._cellEditorManagerService=l,this._textSelectionManagerService=g,this._commandService=d,this._localService=v,this._editorService=I,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SLIDE).subscribe(C=>{C&&C.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:_.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 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(Q.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(Q.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(N.filter(t=>!!t)).subscribe(()=>{var t;(t=_.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||t.with(M.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(t=>{var v;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:r,wrapStrategy:c,documentModel:o},scaleX:l,editorUnitId:g}=t,{vertexAngle:d}=_.convertTextRotation(r);o.updateDocumentId(g),c===a.WrapStrategy.WRAP&&d===0&&o.updateDocumentDataPageSize((i-n)/l),this._instanceSrv.changeDoc(g,o),this._contextService.setContextValue(a.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(v=_.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||v.with(M.DocSelectionRenderService).activate(Je,Je)}))}_fitTextSize(e,t,n,i,r=1,c=1){const{startX:o,startY:l,endX:g,endY:d}=e,v=i.documentModel;if(v==null)return;const{actualWidth:I,actualHeight:C}=this._predictingSize(e,t,n,i,r,c),{verticalAlign:S,paddingData:m,fill:f}=i;let b=g-o,w=d-l;if(b<I&&(b=I),w<C)w=C,v.updateDocumentDataMargin(m);else{let T=0;S===a.VerticalAlign.MIDDLE?T=(w-C)/2/c:S===a.VerticalAlign.TOP?T=m.t||0:T=(w-C)/c-(m.b||0),T=T<(m.t||0)?m.t||0:T,v.updateDocumentDataMargin({t:T})}n.calculate(),this._editAreaProcessing(b,w,e,t,f,r,c)}_predictingSize(e,t,n,i,r=1,c=1){const{startX:o,endX:l}=e,{textRotation:g,wrapStrategy:d}=i,v=i.documentModel,{vertexAngle:I}=_.convertTextRotation(g),C=document.body.clientWidth;if(d===a.WrapStrategy.WRAP&&I===0){const{actualWidth:f,actualHeight:b}=n.getActualSize();return{actualWidth:f*r,actualHeight:b*c}}v==null||v.updateDocumentDataPageSize((C-o-t.left)/r),n.calculate();const S=n.getActualSize();let m=l-o;return m<S.actualWidth*r+Qe*r&&(m=S.actualWidth*r+Qe*r),v==null||v.updateDocumentDataPageSize(m/r),v==null||v.updateDocumentRenderConfig({horizontalAlign:a.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:m,actualHeight:S.actualHeight*c}}_editAreaProcessing(e,t,n,i,r,c=1,o=1){var y;const l=this._getEditorObject();if(l==null)return;function g(q){return Number.parseInt(q.replace("px",""))}const v=this._renderContext.engine.getCanvasElement(),I=v.getBoundingClientRect(),C=g(v.style.width),{top:S,left:m,width:f}=I,b=f/C;let{startX:w,startY:T}=n;w+=i.left,T+=i.top;const{document:U,scene:P,engine:V}=l,x=P.getViewport(M.VIEWPORT_KEY.VIEW_MAIN),X=document.body.clientHeight-T-i.top-kt*2,B=document.body.clientWidth-w-i.left;let F=t,L=x==null?void 0:x.getScrollBar();F>X?(F=X,L==null?x&&new _.ScrollBar(x,{enableHorizontal:!1,barSize:8}):x==null||x.resetCanvasSizeAndUpdateScroll()):(L=null,(y=x==null?void 0:x.getScrollBar())==null||y.dispose()),e+=(L==null?void 0:L.barSize)||0,e=Math.min(e,B),w-=_.FIX_ONE_PIXEL_BLUR_OFFSET,T-=_.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(P,e/c,t/o,r);const{scaleX:G,scaleY:Z}=P.getPrecisionScale();P.transformByState({width:e*b/c,height:t*b/o,scaleX:c*b,scaleY:o*b}),U.resize(e/c,t/o),setTimeout(()=>{V.resizeBySize(_.fixLineWidthByScale(e,G),_.fixLineWidthByScale(F,Z))},0);const k=this._layoutService.getContentElement().getBoundingClientRect(),he=v.getBoundingClientRect();w=w*b+(he.left-k.left),T=T*b+(he.top-k.top),this._cellEditorManagerService.setState({startX:w,startY:T,endX:e*b+w,endY:F*b+T,show:!0})}_addBackground(e,t,n,i){const r="_backgroundRectHelperColor_",c=e.getObject(r);c==null&&i==null||(c==null?e.addObjects([new _.Rect(r,{width:t,height:n,fill:i,evented:!1})],M.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?c.dispose():(c.setProps({fill:i}),c.transformByState({width:t,height:n})))}_handleEditorVisible(e){var f,b;const{eventType:t}=e;this._cursorChange=[_.DeviceInputEventType.PointerDown,_.DeviceInputEventType.Dblclick].includes(t)?$.CursorChange:$.StartEditor;const n=this._editorBridgeService.getEditRectState();if(n==null)return;const{position:i,documentLayoutObject:r,slideCardOffset:c,scaleX:o,scaleY:l,editorUnitId:g,unitId:d}=n,v=this._getEditorObject();if(v==null)return;const{scene:I}=v;this._contextService.setContextValue(a.EDITOR_ACTIVATED,!0);const{documentModel:C}=r,S=this._getEditorSkeleton(g);if(!S||!C)return;this._fitTextSize(i,c,S,r,o,l);const m=C.getBody().dataStream.length-2||0;(f=I.getViewport(M.VIEWPORT_KEY.VIEW_MAIN))==null||f.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:m,endOffset:m}]),(b=this._renderManagerService.getRenderById(d))==null||b.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=[se.id],n=[Q.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(i=>{this._editorService.getFocusId()===K&&(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===$.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 Kt(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){const{keycode:t}=e;if(this._cursorChange=$.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 p.KeyCode.ENTER:a.Direction.DOWN;break;case p.KeyCode.TAB:a.Direction.RIGHT;break;case p.KeyCode.ARROW_DOWN:a.Direction.DOWN;break;case p.KeyCode.ARROW_UP:a.Direction.UP;break;case p.KeyCode.ARROW_LEFT:a.Direction.LEFT;break;case p.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===$.StartEditor&&(this._cursorChange=$.CursorChange)})))}_moveInEditor(e,t){let n=a.Direction.LEFT;e===p.KeyCode.ARROW_DOWN?n=a.Direction.DOWN:e===p.KeyCode.ARROW_UP?n=a.Direction.UP:e===p.KeyCode.ARROW_RIGHT&&(n=a.Direction.RIGHT),t?this._commandService.executeCommand(M.MoveSelectionOperation.id,{direction:n}):this._commandService.executeCommand(M.MoveCursorOperation.id,{direction:n})}};Ue=Wt([j(1,p.ILayoutService),j(2,a.IUndoRedoService),j(3,a.IContextService),j(4,a.IUniverInstanceService),j(5,_.IRenderManagerService),j(6,le),j(7,we),j(8,a.Inject(Q.DocSelectionManagerService)),j(9,a.ICommandService),j(10,a.Inject(a.LocaleService)),j(11,M.IEditorService)],Ue);function Kt(s,e){if(s==null)return;const t=e.getRenderById(s);if(t==null)return;const{mainComponent:n,scene:i,engine:r,components:c}=t,o=n,l=c.get(M.DOCS_VIEW_KEY.BACKGROUND);return{document:o,docBackground:l,scene:i,engine:r}}var zt=Object.getOwnPropertyDescriptor,Xt=(s,e,t,n)=>{for(var i=n>1?void 0:n?zt(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},Me=(s,e)=>(t,n)=>e(t,n,s);let Ne=class extends a.RxDisposable{constructor(e,t,n,i){super();O(this,"setSlideTextEditor$",new N.Subject);O(this,"_curRichText",null);O(this,"_d");this._renderContext=e,this._instanceSrv=t,this._commandService=n,this._editorBridgeService=i,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SLIDE).subscribe(r=>{r&&r.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,r=this._renderContext.unitId,c={scene:n,engine:i,unitId:r,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(c)}_initEventListener(e){const t=c=>{const o=c.getTransformer();o&&(e.add(o.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(o.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(c.onDblclick$.subscribeEvent(()=>{o.clearControls();const g=o.getSelectedObjectMap().values().next().value;g&&(g.objectType!==_.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(c.sceneKey,g))})),e.add(this._instanceSrv.focused$.subscribe(l=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(c=>{t(c)});const r=Array.from(n.getSubScenes().values());for(let c=0;c<r.length;c++){const o=r[c];t(o)}}pickOtherObjects(){this.endEditing()}endEditing(){var r;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=(r=e.documentData.body)==null?void 0:r.textRuns;if(i&&i.length){const o=i[0].ts;n.cl=o==null?void 0:o.cl}this._commandService.executeCommand(R.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:_.DeviceInputEventType.PointerDown,unitId:t})}};Ne=Xt([Me(1,a.IUniverInstanceService),Me(2,a.ICommandService),Me(3,le)],Ne);var Gt=Object.getOwnPropertyDescriptor,Zt=(s,e,t,n)=>{for(var i=n>1?void 0:n?Gt(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},Re=(s,e)=>(t,n)=>e(t,n,s);let de=class extends a.RxDisposable{constructor(s,e,t){super(),this._contextService=s,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(s=>{this._createRenderer(s==null?void 0:s.getUnitId())}),this._instanceSrv.getAllUnitsForType(a.UniverInstanceType.UNIVER_SLIDE).forEach(s=>{this._createRenderer(s.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(a.UniverInstanceType.UNIVER_SLIDE).pipe(N.takeUntil(this.dispose$)).subscribe(s=>this._disposeRenderer(s))}_createRenderer(s){s==null||this._instanceSrv.getUnit(s,a.UniverInstanceType.UNIVER_SLIDE)==null||this._renderManagerService.createRender(s)}_disposeRenderer(s){const e=s.getUnitId();this._renderManagerService.removeRender(e)}_initContextListener(){}};de=Zt([Re(0,a.IContextService),Re(1,a.IUniverInstanceService),Re(2,_.IRenderManagerService)],de);var Yt=Object.getOwnPropertyDescriptor,qt=(s,e,t,n)=>{for(var i=n>1?void 0:n?Yt(e,t):e,r=s.length-1,c;r>=0;r--)(c=s[r])&&(i=c(i)||i);return i},ue=(s,e)=>(t,n)=>e(t,n,s);const Jt="SLIDE_UI";h.UniverSlidesUIPlugin=(ve=class extends a.Plugin{constructor(e=Ye,t,n,i,r){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=i,this._configService=r;const{menu:c,...o}=a.merge({},Ye,this._config);c&&this._configService.setConfig("menu",c,{merge:!0}),this._configService.setConfig(Rt,o)}onStarting(){a.mergeOverrideWithDependencies([[de],[le,{useClass:Pe}],[we,{useClass:Dt}],[h.SlideCanvasPopMangerService]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[Y]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),a.mergeOverrideWithDependencies([[h.CanvasView],[h.SlidesUIController],[Y],[oe]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(h.CanvasView),this._injector.get(de)}onRendered(){[[Ne],[Ue]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(h.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{}}},O(ve,"pluginName",Jt),O(ve,"type",a.UniverInstanceType.UNIVER_SLIDE),ve),h.UniverSlidesUIPlugin=qt([ue(1,a.Inject(a.Injector)),ue(2,_.IRenderManagerService),ue(3,a.IUniverInstanceService),ue(4,a.IConfigService)],h.UniverSlidesUIPlugin),h.ActivateSlidePageOperation=fe,h.AppendSlideOperation=Ie,h.DeleteSlideElementOperation=_e,h.ISlideEditorBridgeService=le,h.InsertSlideFloatImageCommand=ee,h.InsertSlideShapeEllipseCommand=ie,h.InsertSlideShapeEllipseOperation=be,h.InsertSlideShapeRectangleCommand=ne,h.InsertSlideShapeRectangleOperation=me,h.SHAPE_MENU_ID=Te,h.SLIDES_IMAGE_MENU_ID=Oe,h.SLIDE_EDITOR_ID=K,h.SetSlidePageThumbOperation=ye,h.SlideAddTextCommand=re,h.SlideAddTextOperation=Ee,h.SlideEditorContainer=Ge,h.SlideSideBar=ke,h.SlidesUIMenuSchema=Ke,h.UpdateSlideElementOperation=R,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(h,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/drawing"),require("@univerjs/ui"),require("react/jsx-runtime"),require("@univerjs/design"),require("react"),require("@univerjs/docs-ui"),require("rxjs"),require("@univerjs/docs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@univerjs/slides","@univerjs/drawing","@univerjs/ui","react/jsx-runtime","@univerjs/design","react","@univerjs/docs-ui","rxjs","@univerjs/docs"],a):(h=typeof globalThis<"u"?globalThis:h||self,a(h.UniverSlidesUi={},h.UniverCore,h.UniverEngineRender,h.UniverSlides,h.UniverDrawing,h.UniverUi,h.React,h.UniverDesign,h.React,h.UniverDocsUi,h.rxjs,h.UniverDocs))})(this,(function(h,a,_,H,ge,p,u,D,E,M,N,Q){"use strict";var sn=Object.defineProperty;var an=(h,a,_)=>a in h?sn(h,a,{enumerable:!0,configurable:!0,writable:!0,value:_}):h[a]=_;var O=(h,a,_)=>an(h,typeof a!="symbol"?a+"":a,_);var ve;var et=Object.getOwnPropertyDescriptor,tt=(r,e,t,n)=>{for(var i=n>1?void 0:n?et(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},pe=(r,e)=>(t,n)=>e(t,n,r);let Y=class extends a.RxDisposable{constructor(e,t,n,i){super();O(this,"_objectProvider",null);O(this,"_refreshThumb",a.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(H.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 c=new _.Viewport(H.SLIDE_KEY.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((l,g)=>{const d=l;if(d.ctrlKey){const v=Math.abs(d.deltaX);let I=v<40?.2:v<80?.4:.2;I*=d.deltaY>0?-1:1,n.scaleX<1&&(I/=2),n.scaleX+I>4?n.scale(4,4):n.scaleX+I<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else c.onMouseWheel(d,g)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),_.ScrollBar.attachTo(c);const o=this._createSlide(n);this._renderContext.mainComponent=o,this._createSlidePages(i,o),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(H.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:s}=n,{x:c,y:o}=t.transViewportScroll2ScrollValue(i,s);t.scrollToBarPos({x:c,y:o})}_currentRender(){return _.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:c=100,height:o=100}=s,l=new _.Slide(H.SLIDE_KEY.COMPONENT,{left:(n-c)/2,top:(i-o)/2,width:c,height:o,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:c=0}=i,o=new _.Rect("canvas",{left:0,top:0,width:s,height:c,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:a.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(o,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,c=(i==null?void 0:i.height)||0;return{left:(t-s)/2,top:(n-c)/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:c}=t,{width:o=s,height:l=c}=i,g=i.getCanvas().getContext();t.renderToThumb(g,e,o/s,l/c)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let s=0,c=i.length;s<c;s++){const o=i[s];this.createPageScene(o,n[o]),this._createThumb(o)}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(),g=n.getPageOrder();if(g==null||l==null)return;i=l[g[0]],t=i.id}const s=this._currentRender();if(i==null||s==null||s.mainComponent==null)return;const{id:c}=i,o=s.mainComponent;if(n.setActivePage(i),o!=null&&o.hasPage(c)){o.changePage(c);return}this.createPageScene(c,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 c=t[i];this._thumbSceneRender(c,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:s}=n,c=s,{width:o,height:l}=c,g=new _.Scene(e,c,{width:o,height:l});new _.Viewport(`PageViewer_${e}`,g,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:v,pageBackgroundFill:I}=t,C=this._objectProvider.convertToRenderObjects(v,i);if(!C||!c)return;this._addBackgroundRect(g,I),g.addObjects(C),g.initTransformer(),C.forEach(m=>{g.attachTransformerTo(m)});const S=g.getTransformer();return S==null||S.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,c)}),S==null||S.clearControl$.subscribe(()=>{this._thumbSceneRender(e,c)}),c.addPageScene(g),g}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,c=this.createPageScene(i,t);s&&c&&s.addPageScene(c),e.appendPage(t),e.setActivePage(t)}};Y=tt([pe(1,a.Inject(a.Injector)),pe(2,a.IUniverInstanceService),pe(3,_.IRenderManagerService)],Y);var nt=Object.getOwnPropertyDescriptor,it=(r,e,t,n)=>{for(var i=n>1?void 0:n?nt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},rt=(r,e)=>(t,n)=>e(t,n,r);h.CanvasView=class extends a.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(Y)}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()}},h.CanvasView=it([rt(0,_.IRenderManagerService)],h.CanvasView);const fe={id:"slide.operation.activate-slide",type:a.CommandType.OPERATION,handler:(r,e)=>{var g,d;const t=e.unitId,n=r.get(h.CanvasView),s=r.get(a.IUniverInstanceService).getUnit(t),c=(g=s==null?void 0:s.getActivePage())==null?void 0:g.id;if(!c)return!1;const o=n.getRenderUnitByPageId(c,t);if(!o)return!1;const l=(d=o.scene)==null?void 0:d.getTransformer();return l&&l.clearControls(),n.activePage(e.id,t),!0}},Ie={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(h.CanvasView).appendPage(t),!0):!1}},_e={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(h.CanvasView).removeObjectById(e.id,s.id,t),!0}},ee={id:"slide.command.insert-float-image",type:a.CommandType.COMMAND,handler:async(r,e)=>{var V;const t=r.get(a.IUniverInstanceService),n=(V=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))==null?void 0:V.getUnitId();if(!n)return!1;const s=await r.get(p.ILocalFileService).openFile({multiple:!0,accept:ge.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(x=>`.${x.replace("image/","")}`).join(",")});if(s.length!==1)return!1;const o=await r.get(ge.IImageIoService).saveImage(s[0]);if(!o)return!1;const{imageId:l,imageSourceType:g,source:d,base64Cache:v}=o,{width:I,height:C,image:S}=await ge.getImageSize(v||""),m=t.getUnit(n);if(!m)return!1;const f=m.getActivePage(),b=Object.values(f.pageElements),w=b!=null&&b.length?Math.max(...b.map(x=>x.zIndex)):20,T={id:l,zIndex:w+1,left:0,top:0,width:I,height:C,title:"",description:"",type:a.PageElementType.IMAGE,image:{imageProperties:{contentUrl:v,imageSourceType:g,source:d,base64Cache:v,image:S}}};f.pageElements[l]=T,m.updatePage(f.id,f);const U=r.get(h.CanvasView),P=U.createObjectToPage(T,f.id,n);return P&&U.setObjectActiveByPage(P,f.id,n),!0}};function A({ref:r,...e}){const{icon:t,id:n,className:i,extend:s,...c}=e,o=`univerjs-icon univerjs-icon-${n} ${i||""}`.trim(),l=E.useRef(`_${ct()}`);return je(t,`${n}`,{defIds:t.defIds,idSuffix:l.current},{ref:r,className:o,...c},s)}function je(r,e,t,n,i){return E.createElement(r.tag,{key:e,...st(r,t,i),...n},(at(r,t).children||[]).map((s,c)=>je(s,`${e}-${r.tag}-${c}`,t,void 0,i)))}function st(r,e,t){const n={...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(([s,c])=>{s==="mask"&&typeof c=="string"&&(n[s]=c.replace(/url\(#(.*)\)/,`url(#$1${e.idSuffix})`))});const{defIds:i}=e;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(([s,c])=>{typeof c=="string"&&(n[s]=c.replace(/url\(#(.*)\)/,`url(#$1${e.idSuffix})`))})),n}function at(r,e){var n;const{defIds:t}=e;return!t||t.length===0?r:r.tag==="defs"&&((n=r.children)!=null&&n.length)?{...r,children:r.children.map(i=>typeof i.attrs.id=="string"&&t&&t.includes(i.attrs.id)?{...i,attrs:{...i.attrs,id:i.attrs.id+e.idSuffix}}:i)}:r}function ct(){return Math.random().toString(36).substring(2,8)}A.displayName="UniverIcon";const ot={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334C15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334C2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045ZM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334C3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999C15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999C2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544ZM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999C3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421C6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641C9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421C11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946C8.64077 14.6502 8.70566 14.6923 8.77482 14.7209C8.84557 14.7502 8.92314 14.7664 9.00449 14.7664C9.08585 14.7664 9.16342 14.7502 9.23416 14.7209C9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Ve=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"bottom-icon",ref:t,icon:ot}))});Ve.displayName="BottomIcon";const lt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-icon_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-icon_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"white",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-icon_clip0_1293_28"]},Ae=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"graph-icon",ref:t,icon:lt}))});Ae.displayName="GraphIcon";const dt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Se=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"more-down-icon",ref:t,icon:dt}))});Se.displayName="MoreDownIcon";const ut={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},Le=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"move-down-icon",ref:t,icon:ut}))});Le.displayName="MoveDownIcon";const vt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},Be=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"move-up-icon",ref:t,icon:vt}))});Be.displayName="MoveUpIcon";const ht={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{fill:"currentColor",clipPath:"url(#text-icon_clip0_1293_26)"},children:[{tag:"path",attrs:{d:"M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z"}},{tag:"path",attrs:{d:"M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"text-icon_clip0_1293_26"},children:[{tag:"path",attrs:{fill:"white",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["text-icon_clip0_1293_26"]},$e=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"text-icon",ref:t,icon:ht}))});$e.displayName="TextIcon";const gt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9C15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9ZM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9C2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9C13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665C15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665ZM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665C2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665C13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Fe=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"topmost-icon",ref:t,icon:gt}))});Fe.displayName="TopmostIcon";const pt={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365ZM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365ZM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635ZM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635Z",fillRule:"evenodd",clipRule:"evenodd"}}]},He=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"autofill-double-icon",ref:t,icon:pt}))});He.displayName="AutofillDoubleIcon";const ft={tag:"svg",attrs:{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"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"}}]},We=E.forwardRef(function(e,t){return E.createElement(A,Object.assign({},e,{id:"paint-bucket-double-icon",ref:t,icon:ft}))});We.displayName="PaintBucketDoubleIcon";const R={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,c=i.getUnit(s);if(!c)return!1;const o=c.getActivePage();return o.pageElements[t]=a.merge(o.pageElements[t],n),c.updatePage(o.id,o),!0}};function It(r){const{pageId:e,unitId:t}=r,n=p.useDependency(a.LocaleService),i=p.useDependency(h.CanvasView),s=p.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const v=I=>{const C=o.getAllObjects(),[S,m]=C.reduce(([b,w],T)=>{const U=T.zIndex,P=U<b?U:b,V=U>w?U:w;return[P,V]},[0,0]);let f=d.zIndex;I===3?f=S-1:I===2?f=m+1:I===0?f=d.zIndex+1:I===1&&(f=d.zIndex-1),d.setProps({zIndex:f}),s.executeCommand(R.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:f}})};return u.jsxs("div",{className:"univer-relative univer-w-full",children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("image-panel.arrange.title")})})}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Button,{onClick:()=>{v(0)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Be,{}),n.t("image-panel.arrange.forward")]})})}),u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Button,{onClick:()=>{v(1)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Le,{}),n.t("image-panel.arrange.backward")]})})})]}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Button,{onClick:()=>{v(2)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Fe,{}),n.t("image-panel.arrange.front")]})})}),u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Button,{onClick:()=>{v(3)},children:u.jsxs("span",{className:"univer-flex univer-items-center univer-gap-1",children:[u.jsx(Ve,{}),n.t("image-panel.arrange.back")]})})})]})]})}function _t(r){var S,m;const{pageId:e,unitId:t}=r,n=p.useDependency(a.LocaleService),i=p.useDependency(h.CanvasView),s=p.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[v,I]=E.useState((m=(S=d.fill)==null?void 0:S.toString())!=null?m:"");function C(f){d==null||d.setProps({fill:f}),s.executeCommand(R.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:f}}}}}),I(f)}return u.jsx("div",{className:D.clsx("univer-relative univer-bottom-0 univer-mt-5 univer-w-full",D.borderTopClassName),children:u.jsxs("div",{className:"univer-relative univer-w-full",children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("slide.panel.fill.title")})})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-1/2",children:u.jsx(D.Dropdown,{overlay:u.jsx("div",{className:"univer-rounded-lg univer-p-4",children:u.jsx(D.ColorPicker,{value:"#fff",onChange:C})}),children:u.jsxs("a",{className:"univer-flex univer-cursor-pointer univer-items-center univer-gap-1",children:[u.jsx(We,{className:"univer-fill-primary-600"}),u.jsx(Se,{})]})})})})]})})}function St(r){const{pageId:e,unitId:t}=r,n=p.useDependency(a.LocaleService),i=p.useDependency(h.CanvasView),s=p.useDependency(a.ICommandService),c=i.getRenderUnitByPageId(e,t),o=c==null?void 0:c.scene;if(!o)return null;const l=o.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:v=0,height:I=0,left:C=0,top:S=0,angle:m=0}=d,[f,b]=E.useState(v),[w,T]=E.useState(I),[U,P]=E.useState(C),[V,x]=E.useState(S),[X,B]=E.useState(m),F=y=>{const{objects:q}=y,J=q.values().next().value,{width:Qt=0,height:en=0,left:tn=0,top:nn=0,angle:rn=0}=J;b(Qt),T(en),P(tn),x(nn),B(rn)};E.useEffect(()=>{const y=l.changeStart$.subscribe(J=>{F(J)}),q=l.changing$.subscribe(J=>{F(J)});return()=>{q.unsubscribe(),y.unsubscribe()}},[]);function L(y){!y||!d||(s.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{width:y}}),d==null||d.resize(y,d.height),b(y),l==null||l.refreshControls())}function G(y){!y||!d||(s.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{height:y}}),d==null||d.resize(d.width,y),T(y),l==null||l.refreshControls())}function Z(y){!y||!d||(s.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{left:y}}),d==null||d.translate(y,d.top),P(y),l==null||l.refreshControls())}function k(y){!y||!d||(s.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{right:y}}),d==null||d.translate(d.left,y),x(y),l==null||l.refreshControls())}function he(y){!y||!d||(s.executeCommand(R.id,{pageId:e,oKey:d.oKey,props:{angle:y}}),d==null||d.transformByState({angle:y}),B(y),l==null||l.refreshControls())}return u.jsxs("div",{className:D.clsx("univer-relative univer-bottom-0 univer-mt-5 univer-w-full",D.borderTopClassName),children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full univer-text-left univer-text-gray-600 dark:!univer-text-gray-200",children:u.jsx("div",{children:n.t("image-panel.transform.title")})})}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.width")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",min:1,value:f,onChange:y=>{L(y)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.height")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",min:1,value:w,onChange:y=>{G(y)}})})})]})})]}),u.jsxs("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:[u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.x")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",precision:1,min:0,value:U,onChange:y=>{Z(y)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.y")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",precision:1,min:0,value:V,onChange:y=>{k(y)}})})})]})}),u.jsx("div",{className:"univer-w-1/3",children:u.jsxs("label",{children:[u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:n.t("image-panel.transform.rotate")})}),u.jsx("div",{className:"univer-relative univer-mt-2.5 univer-flex univer-h-full",children:u.jsx("div",{className:"univer-w-full",children:u.jsx(D.InputNumber,{className:"univer-w-11/12",precision:1,value:X,onChange:he})})})]})})]})]})}const te="COMPONENT_SLIDE_SIDEBAR";function mt(){var g,d,v;const r=p.useDependency(a.IUniverInstanceService),e=p.useDependency(h.CanvasView),t=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(g=t==null?void 0:t.getActivePage())==null?void 0:g.id,i=((d=r.getFocusedUnit())==null?void 0:d.getUnitId())||"";if(!n||!i)return null;const c=(v=e.getRenderUnitByPageId(n,i).scene)==null?void 0:v.getTransformer();if(!c)return null;const l=c.getSelectedObjectMap().values().next().value;return l?u.jsxs("section",{className:"univer-p-2 univer-text-center univer-text-sm",children:[u.jsx(It,{pageId:n,unitId:i}),u.jsx(St,{pageId:n,unitId:i}),l.objectType===_.ObjectType.RECT&&u.jsx(_t,{pageId:n,unitId:i})]}):null}const ne={id:"slide.command.insert-float-shape.rectangle",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(me.id,{unitId:n})}},me={id:"slide.operation.insert-float-shape.rectangle",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 c=s.getActivePage(),o=Object.values(c.pageElements),l=o!=null&&o.length?Math.max(...o.map(I=>I.zIndex)):20,g={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)"}}}};c.pageElements[t]=g,s.updatePage(c.id,c);const d=r.get(h.CanvasView),v=d.createObjectToPage(g,c.id,i);return v&&d.setObjectActiveByPage(v,c.id,i),!0}},Ce={id:"sidebar.operation.slide-shape",type:a.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(p.ISidebarService),s=r.get(a.LocaleService);let c="",o="";return n===_.ObjectType.RECT?(c="slide.sidebar.shape",o=te):n===_.ObjectType.IMAGE?(c="slide.sidebar.image",o=te):n===_.ObjectType.RICH_TEXT&&(c="slide.sidebar.text",o=te),t?i.open({header:{title:s.t(c)},children:{label:o},onClose:()=>{},width:360}):i.close(),!0}},ie={id:"slide.command.insert-float-shape.ellipse",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(be.id,{unitId:n})}},be={id:"slide.operation.insert-float-shape.ellipse",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 c=s.getActivePage(),o=Object.values(c.pageElements),l=o!=null&&o.length?Math.max(...o.map(I=>I.zIndex)):20,g={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:a.PageElementType.SHAPE,shape:{shapeType:a.BasicShapes.Ellipse,text:"",shapeProperties:{radius:100,shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};c.pageElements[t]=g,s.updatePage(c.id,c);const d=r.get(h.CanvasView),v=d.createObjectToPage(g,c.id,i);return v&&d.setObjectActiveByPage(v,c.id,i),!0}},re={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(Ee.id,{unitId:n})}},Ee={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,c=230,o=142,l=(e==null?void 0:e.text)||"A New Text",d=r.get(a.IUniverInstanceService).getUnit(t);if(!d)return!1;const v=d.getActivePage(),I=Object.values(v.pageElements),C=I!=null&&I.length?Math.max(...I.map(b=>b.zIndex)):21,S={id:n,zIndex:C+1,left:c,top:o,width:i,height:s,title:"text",description:"",type:a.PageElementType.TEXT,richText:{text:l,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};v.pageElements[n]=S,d.updatePage(v.id,v);const m=r.get(h.CanvasView),f=m.createObjectToPage(S,v.id,t);return f&&m.setObjectActiveByPage(f,v.id,t),!0}},ye={id:"slide.operation.set-slide-page-thumb",type:a.CommandType.OPERATION,handler:(r,e)=>(r.get(h.CanvasView).createThumbs(e.unitId),!0)};function ke(){var S,m;const r=p.useDependency(a.IUniverInstanceService),e=p.useDependency(a.ICommandService),t=p.useDependency(_.IRenderManagerService),n=p.useDependency(a.LocaleService),i=E.useRef(null),s=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),c=s==null?void 0:s.getPages(),o=s==null?void 0:s.getPageOrder();if(!c||!o)return null;const l=o.map(f=>c[f]),[g,d]=E.useState((m=(S=s==null?void 0:s.getActivePage())==null?void 0:S.id)!=null?m:null),v=E.useMemo(()=>l.map(()=>E.createRef()),[l]);E.useEffect(()=>{const f=s==null?void 0:s.activePage$.subscribe(b=>{var T;const w=(T=b==null?void 0:b.id)!=null?T:null;w&&d(w)});return()=>{f==null||f.unsubscribe()}},[]),E.useEffect(()=>{v.forEach((f,b)=>{var w;if(f.current){const T=l[b];(w=t.getRenderById(T.id))==null||w.engine.setContainer(f.current)}}),v.length>0&&e.syncExecuteCommand(ye.id,{unitId:s==null?void 0:s.getUnitId()})},[v,l,t,e,s]);const I=E.useCallback(f=>{e.syncExecuteCommand(fe.id,{id:f,unitId:s==null?void 0:s.getUnitId()})},[e,s]),C=E.useCallback(()=>{e.syncExecuteCommand(Ie.id,{unitId:s==null?void 0:s.getUnitId()})},[e,s]);return u.jsx("aside",{ref:i,className:D.clsx("univer-flex univer-h-full univer-w-64 univer-flex-col univer-overflow-y-auto univer-overflow-x-hidden",D.scrollbarClassName),children:u.jsxs("div",{className:"univer-px-4",children:[u.jsx("header",{className:"univer-flex univer-justify-center univer-pt-4",children:u.jsx("a",{className:D.clsx("univer-box-border univer-block univer-h-8 univer-w-full univer-cursor-pointer univer-rounded-md univer-bg-white univer-text-center univer-text-sm univer-leading-8 univer-transition-colors",D.borderClassName),onClick:C,children:n.t("slide.append")})}),l.map((f,b)=>u.jsxs("div",{className:D.clsx("univer-my-4 univer-flex univer-gap-2",{"[&>div]:univer-border-primary-600 [&>span]:univer-text-primary-600":f.id===g}),onClick:()=>I(f.id),children:[u.jsx("span",{children:b+1}),u.jsx("div",{ref:v[b],className:D.clsx("univer-relative univer-box-border univer-h-32 univer-w-52 univer-bg-white hover:univer-border-primary-600",D.borderClassName)})]},f.id))]})})}const K=a.createInternalEditorID("SLIDE_EDITOR"),Oe="slide.menu.image";function Ct(r){return{id:Oe,type:p.MenuItemType.SUBITEMS,icon:"AddImageIcon",tooltip:"slide.image.insert.title",hidden$:p.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function bt(r){return{id:ee.id,title:"slide.image.insert.float",type:p.MenuItemType.BUTTON,hidden$:p.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const Te="slide.menu.shape";function Et(r){return{id:Te,type:p.MenuItemType.SUBITEMS,icon:"GraphIcon",tooltip:"slide.shape.insert.title",hidden$:p.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function yt(r){return{id:ne.id,title:"slide.shape.insert.rectangle",type:p.MenuItemType.BUTTON,hidden$:p.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Ot(r){return{id:ie.id,title:"slide.shape.insert.ellipse",type:p.MenuItemType.BUTTON,hidden$:p.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function Tt(r){return{id:re.id,type:p.MenuItemType.BUTTON,icon:"TextIcon",tooltip:"slide.text.insert.title",hidden$:p.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const Ke={[p.RibbonStartGroup.FORMAT]:{[re.id]:{order:0,menuItemFactory:Tt},[Oe]:{order:0,menuItemFactory:Ct,[ee.id]:{order:0,menuItemFactory:bt}},[Te]:{order:0,menuItemFactory:Et,[ne.id]:{order:0,menuItemFactory:yt},[ie.id]:{order:0,menuItemFactory:Ot}}}},se={id:"slide.operation.edit-arrow",type:a.CommandType.OPERATION,handler:()=>!0},ze="COMPONENT_SLIDE_IMAGE_POPUP_MENU";function wt(r){var S,m;const e=(m=(S=r.popup)==null?void 0:S.extraProps)==null?void 0:m.menuItems;if(!e)return null;const t=p.useDependency(a.ICommandService),n=p.useDependency(a.LocaleService),[i,s]=E.useState(!1),[c,o]=E.useState(!1),l=()=>{o(!0)},g=()=>{o(!1)},d=f=>{s(f)},v=f=>{t.executeCommand(f.commandId,f.commandParams),s(!1)},I=i||c,C=e.filter(f=>!f.disable);return u.jsx("div",{onMouseEnter:l,onMouseLeave:g,children:u.jsx(D.Dropdown,{align:"start",overlay:u.jsx("ul",{className:D.clsx("univer-m-0 univer-box-border univer-grid univer-list-none univer-items-center univer-gap-1 univer-rounded-lg univer-bg-white univer-p-1.5 univer-text-sm univer-shadow-lg",D.borderClassName),children:C.map(f=>u.jsx("li",{className:"univer-relative univer-box-border univer-flex univer-h-8 univer-cursor-pointer univer-items-center univer-rounded univer-text-sm univer-transition-colors hover:univer-bg-gray-100",onClick:()=>v(f),children:u.jsx("span",{className:"univer-px-2 univer-py-1.5 univer-align-middle",children:n.t(f.label)})},f.index))}),open:i,onOpenChange:d,children:u.jsxs("div",{className:D.clsx("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800",D.borderClassName,{"univer-bg-gray-100 dark:!univer-bg-gray-800":i,"univer-bg-white dark:!univer-bg-gray-900":!i}),children:[u.jsx(He,{className:"univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"}),I&&u.jsx(Se,{className:"dark:!univer-text-white"})]})})})}class Dt{constructor(){O(this,"_state",null);O(this,"_rect",null);O(this,"_state$",new N.BehaviorSubject(null));O(this,"state$",this._state$.asObservable());O(this,"_rect$",new N.BehaviorSubject(null));O(this,"rect$",this._rect$.asObservable());O(this,"_focus",!1);O(this,"_focus$",new N.BehaviorSubject(this._focus));O(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 we=a.createIdentifier("univer.slide-editor-manager.service"),ae=-1e3,Xe={width:0,height:0,top:ae,left:ae};function Ge(){const[r,e]=E.useState({...Xe}),t=p.useDependency(we),n=p.useDependency(M.IEditorService),i=p.useDependency(a.IContextService),s=p.useObservable(()=>i.subscribeContextValue$(p.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,p.DISABLE_AUTO_FOCUS_KEY]);return a.DocumentFlavor.UNSPECIFIED,E.useEffect(()=>{t.state$.subscribe(c=>{if(c==null)return;const{startX:o=ae,startY:l=ae,endX:g=0,endY:d=0,show:v=!1}=c;if(!v)e({...Xe});else{e({width:g-o-_.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:d-l-_.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:o+_.FIX_ONE_PIXEL_BLUR_OFFSET,top:l+_.FIX_ONE_PIXEL_BLUR_OFFSET});const I=n.getEditor(K);if(I==null)return;const{left:C,top:S,width:m,height:f}=I.getBoundingClientRect();t.setRect({left:C,top:S,width:m,height:f})}})},[]),E.useEffect(()=>{s||t.setFocus(!0)},[s,r]),u.jsx("div",{className:D.clsx("univer-absolute univer-z-10 univer-box-border univer-flex",D.borderClassName),style:{left:r.left,top:r.top,width:r.width,height:r.height}})}function De(r){return r.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(a.EDITOR_ACTIVATED)}function xt(r){return r.getContextValue(a.FORMULA_EDITOR_ACTIVATED)&&r.getContextValue(a.FOCUSING_UNIVER_EDITOR)}const Ze=[p.KeyCode.ARROW_DOWN,p.KeyCode.ARROW_UP,p.KeyCode.ARROW_LEFT,p.KeyCode.ARROW_RIGHT];[p.KeyCode.ENTER,p.KeyCode.TAB,...Ze];function Pt(){const r=[];for(const e of Ze)r.push({id:se.id,binding:e,preconditions:t=>De(t),staticParameters:{visible:!1,eventType:_.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),r.push({id:se.id,binding:e|p.MetaKeys.SHIFT,preconditions:t=>De(t),staticParameters:{visible:!1,eventType:_.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return r}const Ut={id:M.DeleteLeftCommand.id,preconditions:r=>De(r)||xt(r),binding:p.KeyCode.BACKSPACE};var Mt=Object.getOwnPropertyDescriptor,Nt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Mt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},z=(r,e)=>(t,n)=>e(t,n,r);h.SlidesUIController=class extends a.Disposable{constructor(e,t,n,i,s,c){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=i,this._commandService=s,this._shortcutService=c,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(Ke)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register("TextIcon",$e)),this.disposeWithMe(e.register("GraphIcon",Ae)),this.disposeWithMe(e.register(ze,wt)),this.disposeWithMe(e.register(te,mt))}_initCommands(){[Ie,fe,ye,ee,Ee,re,ie,be,me,ne,Ce,_e,R,se].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(p.BuiltInUIPart.LEFT_SIDEBAR,()=>p.connectInjector(ke,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(p.BuiltInUIPart.CONTENT,()=>p.connectInjector(Ge,this._injector)))}_initShortcuts(){[Ut,...Pt()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}},h.SlidesUIController=Nt([z(0,a.Inject(a.Injector)),z(1,p.IMenuManagerService),z(2,a.Inject(p.ComponentManager)),z(3,p.IUIPartsService),z(4,a.ICommandService),z(5,p.IShortcutService)],h.SlidesUIController);const Rt="slides-ui.config",Ye={};var jt=Object.getOwnPropertyDescriptor,Vt=(r,e,t,n)=>{for(var i=n>1?void 0:n?jt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},ce=(r,e)=>(t,n)=>e(t,n,r);function At(r,e){const t=qe(r.left,r.top,e),n=qe(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function qe(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(H.SLIDE_KEY.VIEW);if(!s)return{x:r,y:e};const{viewportScrollX:c,viewportScrollY:o}=s,l=(r-c)*n,g=(e-o)*i;return{x:l,y:g}}h.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 L,G,Z,k;const{scene:o,engine:l}=t,{left:g,top:d,width:v,height:I}=e,C=(o.width-((G=(L=t.mainComponent)==null?void 0:L.width)!=null?G:0))/2,S=(o.height-((k=(Z=t.mainComponent)==null?void 0:Z.height)!=null?k:0))/2,m={left:g,right:g+v,top:d,bottom:d+I},f=l.getCanvasElement(),b=f.getBoundingClientRect(),w=_.pxToNum(f.style.width),{scaleX:T,scaleY:U}=o.getAncestorScale(),P=At(m,o),{top:V,left:x,width:X}=b,B=X/w;return{left:P.left*B*T+x+C,right:P.right*B*T+x+C,top:P.top*B*U+V+S,bottom:P.bottom*B*U+V+S}})(),s=new N.BehaviorSubject(i),c=new a.DisposableCollection;return{position:i,position$:s,disposable:c}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getUnitId(),s=this._renderManagerService.getRenderById(i);if(!s)return{dispose:()=>{}};const{position:c,position$:o,disposable:l}=this._createObjectPositionObserver(e,s),g=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:c,anchorRect$:o,canvasElement:s.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(g),o.complete(),l.dispose()}}}},h.SlideCanvasPopMangerService=Vt([ce(0,a.Inject(p.ICanvasPopupService)),ce(1,_.IRenderManagerService),ce(2,a.IUniverInstanceService),ce(3,a.ICommandService)],h.SlideCanvasPopMangerService);var Lt=Object.getOwnPropertyDescriptor,Bt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Lt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},W=(r,e)=>(t,n)=>e(t,n,r);let oe=class extends a.RxDisposable{constructor(e,t,n,i,s,c,o){super();O(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=s,this._sidebarService=c,this._commandService=o,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 g;const o=(g=this._canvasView.getRenderUnitByPageId(s,e).scene)==null?void 0:g.getTransformer();if(!o)return;let l;this.disposeWithMe(a.toDisposable(o.createControl$.subscribe(()=>{const d=o.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const v=d.values().next().value;if(!v)return;const I=v.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(v,{componentKey:ze,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(v.objectType,I,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Ce.id,{visible:!0,objectType:v.objectType})}))),this.disposeWithMe(o.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(a.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(o.changing$.subscribe(()=>{l==null||l.dispose();const d=o.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const v=d.values().next().value;v&&this._commandService.executeCommand(R.id,{unitId:e,oKey:v.oKey,props:{width:v.width,height:v.height,left:v.left,top:v.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:Ce.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:_e.id,commandParams:{id:t,unitId:n},disable:!1}]}};oe=Bt([W(0,a.Inject(h.SlideCanvasPopMangerService)),W(1,_.IRenderManagerService),W(2,a.IUniverInstanceService),W(3,a.IContextService),W(4,a.Inject(h.CanvasView)),W(5,p.ISidebarService),W(6,a.ICommandService)],oe);var $t=Object.getOwnPropertyDescriptor,Ft=(r,e,t,n)=>{for(var i=n>1?void 0:n?$t(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},xe=(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();O(this,"_editorUnitId",K);O(this,"_isForceKeepVisible",!1);O(this,"_editorIsDirty",!1);O(this,"_currentEditRectState",null);O(this,"_currentEditRectState$",new N.BehaviorSubject(null));O(this,"currentEditRectState$",this._currentEditRectState$.asObservable());O(this,"_visibleParam",{visible:!1,eventType:_.DeviceInputEventType.Dblclick,unitId:""});O(this,"_visible$",new N.BehaviorSubject(this._visibleParam));O(this,"visible$",this._visible$.asObservable());O(this,"_afterVisible$",new N.BehaviorSubject(this._visibleParam));O(this,"afterVisible$",this._afterVisible$.asObservable());O(this,"endEditing$",new N.Subject);O(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(K),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=K,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 c={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}},o=t.richTextObj.width,l=t.richTextObj.height,g=t.richTextObj.left,d=t.richTextObj.top,v={left:0,top:0},I=this._renderManagerService.getRenderById(n),C=I==null?void 0:I.scene,S=C==null?void 0:C.getViewport(H.SLIDE_KEY.VIEW),m=C==null?void 0:C.getObject(H.SLIDE_KEY.COMPONENT),f={x:(m==null?void 0:m.left)||0,y:(m==null?void 0:m.top)||0},b=(S==null?void 0:S.viewportScrollX)||0,w=(S==null?void 0:S.viewportScrollY)||0;return v.left=f.x-b,v.top=f.y-w,{position:{startX:g,startY:d,endX:g+o,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:v,unitId:n,editorUnitId:e,documentLayoutObject:c}}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
2
+ `,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=Ft([xe(0,M.IEditorService),xe(1,a.IContextService),xe(2,_.IRenderManagerService)],Pe);var $=(r=>(r[r.InitialState=0]="InitialState",r[r.StartEditor=1]="StartEditor",r[r.CursorChange=2]="CursorChange",r))($||{}),Ht=Object.getOwnPropertyDescriptor,Wt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Ht(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},j=(r,e)=>(t,n)=>e(t,n,r);const Je=-1e3,Qe=5,kt=2;let Ue=class extends a.Disposable{constructor(e,t,n,i,s,c,o,l,g,d,v,I){super();O(this,"_cursorChange",$.InitialState);O(this,"_isUnitEditing",!1);O(this,"_d");this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=i,this._instanceSrv=s,this._renderManagerService=c,this._editorBridgeService=o,this._cellEditorManagerService=l,this._textSelectionManagerService=g,this._commandService=d,this._localService=v,this._editorService=I,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SLIDE).subscribe(C=>{C&&C.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:_.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 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(Q.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(Q.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(N.filter(t=>!!t)).subscribe(()=>{var t;(t=_.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||t.with(M.DocSelectionRenderService).sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(t=>{var v;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:c,documentModel:o},scaleX:l,editorUnitId:g}=t,{vertexAngle:d}=_.convertTextRotation(s);o.updateDocumentId(g),c===a.WrapStrategy.WRAP&&d===0&&o.updateDocumentDataPageSize((i-n)/l),this._instanceSrv.changeDoc(g,o),this._contextService.setContextValue(a.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]),(v=_.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC,this._instanceSrv,this._renderManagerService))==null||v.with(M.DocSelectionRenderService).activate(Je,Je)}))}_fitTextSize(e,t,n,i,s=1,c=1){const{startX:o,startY:l,endX:g,endY:d}=e,v=i.documentModel;if(v==null)return;const{actualWidth:I,actualHeight:C}=this._predictingSize(e,t,n,i,s,c),{verticalAlign:S,paddingData:m,fill:f}=i;let b=g-o,w=d-l;if(b<I&&(b=I),w<C)w=C,v.updateDocumentDataMargin(m);else{let T=0;S===a.VerticalAlign.MIDDLE?T=(w-C)/2/c:S===a.VerticalAlign.TOP?T=m.t||0:T=(w-C)/c-(m.b||0),T=T<(m.t||0)?m.t||0:T,v.updateDocumentDataMargin({t:T})}n.calculate(),this._editAreaProcessing(b,w,e,t,f,s,c)}_predictingSize(e,t,n,i,s=1,c=1){const{startX:o,endX:l}=e,{textRotation:g,wrapStrategy:d}=i,v=i.documentModel,{vertexAngle:I}=_.convertTextRotation(g),C=document.body.clientWidth;if(d===a.WrapStrategy.WRAP&&I===0){const{actualWidth:f,actualHeight:b}=n.getActualSize();return{actualWidth:f*s,actualHeight:b*c}}v==null||v.updateDocumentDataPageSize((C-o-t.left)/s),n.calculate();const S=n.getActualSize();let m=l-o;return m<S.actualWidth*s+Qe*s&&(m=S.actualWidth*s+Qe*s),v==null||v.updateDocumentDataPageSize(m/s),v==null||v.updateDocumentRenderConfig({horizontalAlign:a.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:m,actualHeight:S.actualHeight*c}}_editAreaProcessing(e,t,n,i,s,c=1,o=1){var y;const l=this._getEditorObject();if(l==null)return;function g(q){return Number.parseInt(q.replace("px",""))}const v=this._renderContext.engine.getCanvasElement(),I=v.getBoundingClientRect(),C=g(v.style.width),{top:S,left:m,width:f}=I,b=f/C;let{startX:w,startY:T}=n;w+=i.left,T+=i.top;const{document:U,scene:P,engine:V}=l,x=P.getViewport(M.VIEWPORT_KEY.VIEW_MAIN),X=document.body.clientHeight-T-i.top-kt*2,B=document.body.clientWidth-w-i.left;let F=t,L=x==null?void 0:x.getScrollBar();F>X?(F=X,L==null?x&&new _.ScrollBar(x,{enableHorizontal:!1,barSize:8}):x==null||x.resetCanvasSizeAndUpdateScroll()):(L=null,(y=x==null?void 0:x.getScrollBar())==null||y.dispose()),e+=(L==null?void 0:L.barSize)||0,e=Math.min(e,B),w-=_.FIX_ONE_PIXEL_BLUR_OFFSET,T-=_.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(P,e/c,t/o,s);const{scaleX:G,scaleY:Z}=P.getPrecisionScale();P.transformByState({width:e*b/c,height:t*b/o,scaleX:c*b,scaleY:o*b}),U.resize(e/c,t/o),setTimeout(()=>{V.resizeBySize(_.fixLineWidthByScale(e,G),_.fixLineWidthByScale(F,Z))},0);const k=this._layoutService.getContentElement().getBoundingClientRect(),he=v.getBoundingClientRect();w=w*b+(he.left-k.left),T=T*b+(he.top-k.top),this._cellEditorManagerService.setState({startX:w,startY:T,endX:e*b+w,endY:F*b+T,show:!0})}_addBackground(e,t,n,i){const s="_backgroundRectHelperColor_",c=e.getObject(s);c==null&&i==null||(c==null?e.addObjects([new _.Rect(s,{width:t,height:n,fill:i,evented:!1})],M.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?c.dispose():(c.setProps({fill:i}),c.transformByState({width:t,height:n})))}_handleEditorVisible(e){var f,b;const{eventType:t}=e;this._cursorChange=[_.DeviceInputEventType.PointerDown,_.DeviceInputEventType.Dblclick].includes(t)?$.CursorChange:$.StartEditor;const n=this._editorBridgeService.getEditRectState();if(n==null)return;const{position:i,documentLayoutObject:s,slideCardOffset:c,scaleX:o,scaleY:l,editorUnitId:g,unitId:d}=n,v=this._getEditorObject();if(v==null)return;const{scene:I}=v;this._contextService.setContextValue(a.EDITOR_ACTIVATED,!0);const{documentModel:C}=s,S=this._getEditorSkeleton(g);if(!S||!C)return;this._fitTextSize(i,c,S,s,o,l);const m=C.getBody().dataStream.length-2||0;(f=I.getViewport(M.VIEWPORT_KEY.VIEW_MAIN))==null||f.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:m,endOffset:m}]),(b=this._renderManagerService.getRenderById(d))==null||b.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=[se.id],n=[Q.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(i=>{this._editorService.getFocusId()===K&&(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===$.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 Kt(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){const{keycode:t}=e;if(this._cursorChange=$.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 p.KeyCode.ENTER:a.Direction.DOWN;break;case p.KeyCode.TAB:a.Direction.RIGHT;break;case p.KeyCode.ARROW_DOWN:a.Direction.DOWN;break;case p.KeyCode.ARROW_UP:a.Direction.UP;break;case p.KeyCode.ARROW_LEFT:a.Direction.LEFT;break;case p.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===$.StartEditor&&(this._cursorChange=$.CursorChange)})))}_moveInEditor(e,t){let n=a.Direction.LEFT;e===p.KeyCode.ARROW_DOWN?n=a.Direction.DOWN:e===p.KeyCode.ARROW_UP?n=a.Direction.UP:e===p.KeyCode.ARROW_RIGHT&&(n=a.Direction.RIGHT),t?this._commandService.executeCommand(M.MoveSelectionOperation.id,{direction:n}):this._commandService.executeCommand(M.MoveCursorOperation.id,{direction:n})}};Ue=Wt([j(1,p.ILayoutService),j(2,a.IUndoRedoService),j(3,a.IContextService),j(4,a.IUniverInstanceService),j(5,_.IRenderManagerService),j(6,le),j(7,we),j(8,a.Inject(Q.DocSelectionManagerService)),j(9,a.ICommandService),j(10,a.Inject(a.LocaleService)),j(11,M.IEditorService)],Ue);function Kt(r,e){if(r==null)return;const t=e.getRenderById(r);if(t==null)return;const{mainComponent:n,scene:i,engine:s,components:c}=t,o=n,l=c.get(M.DOCS_VIEW_KEY.BACKGROUND);return{document:o,docBackground:l,scene:i,engine:s}}var zt=Object.getOwnPropertyDescriptor,Xt=(r,e,t,n)=>{for(var i=n>1?void 0:n?zt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},Me=(r,e)=>(t,n)=>e(t,n,r);let Ne=class extends a.RxDisposable{constructor(e,t,n,i){super();O(this,"setSlideTextEditor$",new N.Subject);O(this,"_curRichText",null);O(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,c={scene:n,engine:i,unitId:s,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(c)}_initEventListener(e){const t=c=>{const o=c.getTransformer();o&&(e.add(o.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(o.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(c.onDblclick$.subscribeEvent(()=>{o.clearControls();const g=o.getSelectedObjectMap().values().next().value;g&&(g.objectType!==_.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(c.sceneKey,g))})),e.add(this._instanceSrv.focused$.subscribe(l=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(c=>{t(c)});const s=Array.from(n.getSubScenes().values());for(let c=0;c<s.length;c++){const o=s[c];t(o)}}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 o=i[0].ts;n.cl=o==null?void 0:o.cl}this._commandService.executeCommand(R.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:_.DeviceInputEventType.PointerDown,unitId:t})}};Ne=Xt([Me(1,a.IUniverInstanceService),Me(2,a.ICommandService),Me(3,le)],Ne);var Gt=Object.getOwnPropertyDescriptor,Zt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Gt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},Re=(r,e)=>(t,n)=>e(t,n,r);let de=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(){}};de=Zt([Re(0,a.IContextService),Re(1,a.IUniverInstanceService),Re(2,_.IRenderManagerService)],de);var Yt=Object.getOwnPropertyDescriptor,qt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Yt(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=c(i)||i);return i},ue=(r,e)=>(t,n)=>e(t,n,r);const Jt="SLIDE_UI";h.UniverSlidesUIPlugin=(ve=class extends a.Plugin{constructor(e=Ye,t,n,i,s){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=i,this._configService=s;const{menu:c,...o}=a.merge({},Ye,this._config);c&&this._configService.setConfig("menu",c,{merge:!0}),this._configService.setConfig(Rt,o)}onStarting(){a.mergeOverrideWithDependencies([[de],[le,{useClass:Pe}],[we,{useClass:Dt}],[h.SlideCanvasPopMangerService]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[Y]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),a.mergeOverrideWithDependencies([[h.CanvasView],[h.SlidesUIController],[Y],[oe]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(h.CanvasView),this._injector.get(de)}onRendered(){[[Ne],[Ue]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(h.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{}}},O(ve,"pluginName",Jt),O(ve,"type",a.UniverInstanceType.UNIVER_SLIDE),ve),h.UniverSlidesUIPlugin=qt([ue(1,a.Inject(a.Injector)),ue(2,_.IRenderManagerService),ue(3,a.IUniverInstanceService),ue(4,a.IConfigService)],h.UniverSlidesUIPlugin),h.ActivateSlidePageOperation=fe,h.AppendSlideOperation=Ie,h.DeleteSlideElementOperation=_e,h.ISlideEditorBridgeService=le,h.InsertSlideFloatImageCommand=ee,h.InsertSlideShapeEllipseCommand=ie,h.InsertSlideShapeEllipseOperation=be,h.InsertSlideShapeRectangleCommand=ne,h.InsertSlideShapeRectangleOperation=me,h.SHAPE_MENU_ID=Te,h.SLIDES_IMAGE_MENU_ID=Oe,h.SLIDE_EDITOR_ID=K,h.SetSlidePageThumbOperation=ye,h.SlideAddTextCommand=re,h.SlideAddTextOperation=Ee,h.SlideEditorContainer=Ge,h.SlideSideBar=ke,h.SlidesUIMenuSchema=Ke,h.UpdateSlideElementOperation=R,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/slides-ui",
3
- "version": "0.10.12-nightly.202510251119",
3
+ "version": "0.10.13-nightly.202510290902",
4
4
  "private": false,
5
5
  "description": "Univer normal ui-plugin-slides",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -55,24 +55,24 @@
55
55
  },
56
56
  "dependencies": {
57
57
  "@univerjs/icons": "^1.0.2",
58
- "@univerjs/core": "0.10.12-nightly.202510251119",
59
- "@univerjs/design": "0.10.12-nightly.202510251119",
60
- "@univerjs/docs-ui": "0.10.12-nightly.202510251119",
61
- "@univerjs/docs": "0.10.12-nightly.202510251119",
62
- "@univerjs/engine-render": "0.10.12-nightly.202510251119",
63
- "@univerjs/drawing": "0.10.12-nightly.202510251119",
64
- "@univerjs/slides": "0.10.12-nightly.202510251119",
65
- "@univerjs/ui": "0.10.12-nightly.202510251119"
58
+ "@univerjs/core": "0.10.13-nightly.202510290902",
59
+ "@univerjs/docs": "0.10.13-nightly.202510290902",
60
+ "@univerjs/docs-ui": "0.10.13-nightly.202510290902",
61
+ "@univerjs/drawing": "0.10.13-nightly.202510290902",
62
+ "@univerjs/design": "0.10.13-nightly.202510290902",
63
+ "@univerjs/slides": "0.10.13-nightly.202510290902",
64
+ "@univerjs/ui": "0.10.13-nightly.202510290902",
65
+ "@univerjs/engine-render": "0.10.13-nightly.202510290902"
66
66
  },
67
67
  "devDependencies": {
68
68
  "postcss": "^8.5.6",
69
69
  "react": "18.3.1",
70
70
  "rxjs": "^7.8.2",
71
- "tailwindcss": "3.4.17",
71
+ "tailwindcss": "3.4.18",
72
72
  "typescript": "^5.9.3",
73
- "vite": "^7.1.10",
73
+ "vite": "^7.1.12",
74
74
  "vitest": "^3.2.4",
75
- "@univerjs-infra/shared": "0.10.12"
75
+ "@univerjs-infra/shared": "0.10.13"
76
76
  },
77
77
  "scripts": {
78
78
  "test": "vitest run",