@univerjs/slides-ui 0.10.13 → 0.10.14-nightly.202511031023

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 (6) 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
  6. package/LICENSE +0 -176
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.13",
3
+ "version": "0.10.14-nightly.202511031023",
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.13",
59
- "@univerjs/docs": "0.10.13",
60
- "@univerjs/docs-ui": "0.10.13",
61
- "@univerjs/drawing": "0.10.13",
62
- "@univerjs/design": "0.10.13",
63
- "@univerjs/engine-render": "0.10.13",
64
- "@univerjs/slides": "0.10.13",
65
- "@univerjs/ui": "0.10.13"
58
+ "@univerjs/design": "0.10.14-nightly.202511031023",
59
+ "@univerjs/docs": "0.10.14-nightly.202511031023",
60
+ "@univerjs/docs-ui": "0.10.14-nightly.202511031023",
61
+ "@univerjs/drawing": "0.10.14-nightly.202511031023",
62
+ "@univerjs/engine-render": "0.10.14-nightly.202511031023",
63
+ "@univerjs/core": "0.10.14-nightly.202511031023",
64
+ "@univerjs/ui": "0.10.14-nightly.202511031023",
65
+ "@univerjs/slides": "0.10.14-nightly.202511031023"
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.13"
75
+ "@univerjs-infra/shared": "0.10.14"
76
76
  },
77
77
  "scripts": {
78
78
  "test": "vitest run",
package/LICENSE DELETED
@@ -1,176 +0,0 @@
1
- Apache License
2
- Version 2.0, January 2004
3
- http://www.apache.org/licenses/
4
-
5
- TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6
-
7
- 1. Definitions.
8
-
9
- "License" shall mean the terms and conditions for use, reproduction,
10
- and distribution as defined by Sections 1 through 9 of this document.
11
-
12
- "Licensor" shall mean the copyright owner or entity authorized by
13
- the copyright owner that is granting the License.
14
-
15
- "Legal Entity" shall mean the union of the acting entity and all
16
- other entities that control, are controlled by, or are under common
17
- control with that entity. For the purposes of this definition,
18
- "control" means (i) the power, direct or indirect, to cause the
19
- direction or management of such entity, whether by contract or
20
- otherwise, or (ii) ownership of fifty percent (50%) or more of the
21
- outstanding shares, or (iii) beneficial ownership of such entity.
22
-
23
- "You" (or "Your") shall mean an individual or Legal Entity
24
- exercising permissions granted by this License.
25
-
26
- "Source" form shall mean the preferred form for making modifications,
27
- including but not limited to software source code, documentation
28
- source, and configuration files.
29
-
30
- "Object" form shall mean any form resulting from mechanical
31
- transformation or translation of a Source form, including but
32
- not limited to compiled object code, generated documentation,
33
- and conversions to other media types.
34
-
35
- "Work" shall mean the work of authorship, whether in Source or
36
- Object form, made available under the License, as indicated by a
37
- copyright notice that is included in or attached to the work
38
- (an example is provided in the Appendix below).
39
-
40
- "Derivative Works" shall mean any work, whether in Source or Object
41
- form, that is based on (or derived from) the Work and for which the
42
- editorial revisions, annotations, elaborations, or other modifications
43
- represent, as a whole, an original work of authorship. For the purposes
44
- of this License, Derivative Works shall not include works that remain
45
- separable from, or merely link (or bind by name) to the interfaces of,
46
- the Work and Derivative Works thereof.
47
-
48
- "Contribution" shall mean any work of authorship, including
49
- the original version of the Work and any modifications or additions
50
- to that Work or Derivative Works thereof, that is intentionally
51
- submitted to Licensor for inclusion in the Work by the copyright owner
52
- or by an individual or Legal Entity authorized to submit on behalf of
53
- the copyright owner. For the purposes of this definition, "submitted"
54
- means any form of electronic, verbal, or written communication sent
55
- to the Licensor or its representatives, including but not limited to
56
- communication on electronic mailing lists, source code control systems,
57
- and issue tracking systems that are managed by, or on behalf of, the
58
- Licensor for the purpose of discussing and improving the Work, but
59
- excluding communication that is conspicuously marked or otherwise
60
- designated in writing by the copyright owner as "Not a Contribution."
61
-
62
- "Contributor" shall mean Licensor and any individual or Legal Entity
63
- on behalf of whom a Contribution has been received by Licensor and
64
- subsequently incorporated within the Work.
65
-
66
- 2. Grant of Copyright License. Subject to the terms and conditions of
67
- this License, each Contributor hereby grants to You a perpetual,
68
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69
- copyright license to reproduce, prepare Derivative Works of,
70
- publicly display, publicly perform, sublicense, and distribute the
71
- Work and such Derivative Works in Source or Object form.
72
-
73
- 3. Grant of Patent License. Subject to the terms and conditions of
74
- this License, each Contributor hereby grants to You a perpetual,
75
- worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76
- (except as stated in this section) patent license to make, have made,
77
- use, offer to sell, sell, import, and otherwise transfer the Work,
78
- where such license applies only to those patent claims licensable
79
- by such Contributor that are necessarily infringed by their
80
- Contribution(s) alone or by combination of their Contribution(s)
81
- with the Work to which such Contribution(s) was submitted. If You
82
- institute patent litigation against any entity (including a
83
- cross-claim or counterclaim in a lawsuit) alleging that the Work
84
- or a Contribution incorporated within the Work constitutes direct
85
- or contributory patent infringement, then any patent licenses
86
- granted to You under this License for that Work shall terminate
87
- as of the date such litigation is filed.
88
-
89
- 4. Redistribution. You may reproduce and distribute copies of the
90
- Work or Derivative Works thereof in any medium, with or without
91
- modifications, and in Source or Object form, provided that You
92
- meet the following conditions:
93
-
94
- (a) You must give any other recipients of the Work or
95
- Derivative Works a copy of this License; and
96
-
97
- (b) You must cause any modified files to carry prominent notices
98
- stating that You changed the files; and
99
-
100
- (c) You must retain, in the Source form of any Derivative Works
101
- that You distribute, all copyright, patent, trademark, and
102
- attribution notices from the Source form of the Work,
103
- excluding those notices that do not pertain to any part of
104
- the Derivative Works; and
105
-
106
- (d) If the Work includes a "NOTICE" text file as part of its
107
- distribution, then any Derivative Works that You distribute must
108
- include a readable copy of the attribution notices contained
109
- within such NOTICE file, excluding those notices that do not
110
- pertain to any part of the Derivative Works, in at least one
111
- of the following places: within a NOTICE text file distributed
112
- as part of the Derivative Works; within the Source form or
113
- documentation, if provided along with the Derivative Works; or,
114
- within a display generated by the Derivative Works, if and
115
- wherever such third-party notices normally appear. The contents
116
- of the NOTICE file are for informational purposes only and
117
- do not modify the License. You may add Your own attribution
118
- notices within Derivative Works that You distribute, alongside
119
- or as an addendum to the NOTICE text from the Work, provided
120
- that such additional attribution notices cannot be construed
121
- as modifying the License.
122
-
123
- You may add Your own copyright statement to Your modifications and
124
- may provide additional or different license terms and conditions
125
- for use, reproduction, or distribution of Your modifications, or
126
- for any such Derivative Works as a whole, provided Your use,
127
- reproduction, and distribution of the Work otherwise complies with
128
- the conditions stated in this License.
129
-
130
- 5. Submission of Contributions. Unless You explicitly state otherwise,
131
- any Contribution intentionally submitted for inclusion in the Work
132
- by You to the Licensor shall be under the terms and conditions of
133
- this License, without any additional terms or conditions.
134
- Notwithstanding the above, nothing herein shall supersede or modify
135
- the terms of any separate license agreement you may have executed
136
- with Licensor regarding such Contributions.
137
-
138
- 6. Trademarks. This License does not grant permission to use the trade
139
- names, trademarks, service marks, or product names of the Licensor,
140
- except as required for reasonable and customary use in describing the
141
- origin of the Work and reproducing the content of the NOTICE file.
142
-
143
- 7. Disclaimer of Warranty. Unless required by applicable law or
144
- agreed to in writing, Licensor provides the Work (and each
145
- Contributor provides its Contributions) on an "AS IS" BASIS,
146
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147
- implied, including, without limitation, any warranties or conditions
148
- of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149
- PARTICULAR PURPOSE. You are solely responsible for determining the
150
- appropriateness of using or redistributing the Work and assume any
151
- risks associated with Your exercise of permissions under this License.
152
-
153
- 8. Limitation of Liability. In no event and under no legal theory,
154
- whether in tort (including negligence), contract, or otherwise,
155
- unless required by applicable law (such as deliberate and grossly
156
- negligent acts) or agreed to in writing, shall any Contributor be
157
- liable to You for damages, including any direct, indirect, special,
158
- incidental, or consequential damages of any character arising as a
159
- result of this License or out of the use or inability to use the
160
- Work (including but not limited to damages for loss of goodwill,
161
- work stoppage, computer failure or malfunction, or any and all
162
- other commercial damages or losses), even if such Contributor
163
- has been advised of the possibility of such damages.
164
-
165
- 9. Accepting Warranty or Additional Liability. While redistributing
166
- the Work or Derivative Works thereof, You may choose to offer,
167
- and charge a fee for, acceptance of support, warranty, indemnity,
168
- or other liability obligations and/or rights consistent with this
169
- License. However, in accepting such obligations, You may act only
170
- on Your own behalf and on Your sole responsibility, not on behalf
171
- of any other Contributor, and only if You agree to indemnify,
172
- defend, and hold each Contributor harmless for any liability
173
- incurred by, or claims asserted against, such Contributor by reason
174
- of your accepting any such warranty or additional liability.
175
-
176
- END OF TERMS AND CONDITIONS