@univerjs/slides-ui 0.5.5 → 0.6.0-alpha.0

package/lib/types/components/panels/ArrangePanel.d.ts

@@ -1,7 +1,21 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 interface IProps {
     pageId: string;
     unitId: string;
 }
-export default function ArrangePanel(props: IProps): React.JSX.Element | null;
+export default function ArrangePanel(props: IProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/components/panels/FillPanel.d.ts

@@ -1,4 +1,18 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 interface IProps {
     pageId: string;
     unitId: string;
@@ -7,5 +21,5 @@ interface IProps {
  *
  * @param props
  */
-export default function ArrangePanel(props: IProps): React.JSX.Element | null;
+export default function ArrangePanel(props: IProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/components/panels/TransformPanel.d.ts

@@ -1,7 +1,21 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 interface IProps {
     pageId: string;
     unitId: string;
 }
-export default function TransformPanel(props: IProps): React.JSX.Element | null;
+export default function TransformPanel(props: IProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/components/sidebar/Sidebar.d.ts

@@ -1,3 +1,17 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 export declare const COMPONENT_SLIDE_SIDEBAR = "COMPONENT_SLIDE_SIDEBAR";
-export default function RectSidebar(): React.JSX.Element | null;
+export default function RectSidebar(): import("react/jsx-runtime").JSX.Element | null;

package/lib/types/components/slide-bar/SlideBar.d.ts

@@ -1,5 +1,19 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 /**
  * This components works as the root component of the left Sidebar of Slide.
  */
-export declare function SlideSideBar(): React.JSX.Element | null;
+export declare function SlideSideBar(): import("react/jsx-runtime").JSX.Element | null;

package/lib/umd/index.js

@@ -1,10 +1,2 @@
-(function(v,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/ui"),require("react"),require("@univerjs/design"),require("rxjs"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("@univerjs/drawing")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@univerjs/slides","@univerjs/ui","react","@univerjs/design","rxjs","@univerjs/docs","@univerjs/docs-ui","@univerjs/drawing"],a):(v=typeof globalThis<"u"?globalThis:v||self,a(v.UniverSlidesUi={},v.UniverCore,v.UniverEngineRender,v.UniverSlides,v.UniverUi,v.React,v.UniverDesign,v.rxjs,v.UniverDocs,v.UniverDocsUi,v.UniverDrawing))})(this,function(v,a,P,K,E,b,w,U,se,N,_e){"use strict";var Mn=Object.defineProperty;var wn=(v,a,P)=>a in v?Mn(v,a,{enumerable:!0,configurable:!0,writable:!0,value:P}):v[a]=P;var y=(v,a,P)=>wn(v,typeof a!="symbol"?a+"":a,P);var pe;var ut=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,ht=(r,e,t,n)=>{for(var i=n>1?void 0:n?gt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&ut(e,t,i),i},Se=(r,e)=>(t,n)=>e(t,n,r);let ee=class extends a.RxDisposable{constructor(e,t,n,i){super();y(this,"_objectProvider",null);y(this,"_refreshThumb",a.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(K.ObjectProvider),this._addNewRender()}_addNewRender(){const{unitId:e,engine:t,scene:n}=this._renderContext,i=this._getCurrUnitModel();if(!i)return;const s=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),s==null||s.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});const o=new P.Viewport(K.SLIDE_KEY.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((l,h)=>{const d=l;if(d.ctrlKey){const u=Math.abs(d.deltaX);let C=u<40?.2:u<80?.4:.2;C*=d.deltaY>0?-1:1,n.scaleX<1&&(C/=2),n.scaleX+C>4?n.scale(4,4):n.scaleX+C<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else o.onMouseWheel(d,h)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),P.ScrollBar.attachTo(o),this._renderManagerService.setCurrent(e);const c=this._createSlide(n);this._renderContext.mainComponent=c,this._createSlidePages(i,c),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var l;const e=(l=this._currentRender())==null?void 0:l.scene,t=e==null?void 0:e.getViewport(K.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:s}=n,{x:o,y:c}=t.transViewportScroll2ScrollValue(i,s);t.scrollToBarPos({x:o,y:c})}_currentRender(){return this._renderManagerService.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_SLIDE)}_createSlide(e){const t=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),{width:n,height:i}=e,s=t.getPageSize(),{width:o=100,height:c=100}=s,l=new P.Slide(K.SLIDE_KEY.COMPONENT,{left:(n-o)/2,top:(i-c)/2,width:o,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:s=0,height:o=0}=i,c=new P.Rect("canvas",{left:0,top:0,width:s,height:o,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:a.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(c,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:t,height:n}=e,i=e.getEngine(),s=(i==null?void 0:i.width)||0,o=(i==null?void 0:i.height)||0;return{left:(t-s)/2,top:(n-o)/2}}_thumbSceneRender(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{engine:i}=n;if(i==null)return;const{width:s,height:o}=t,{width:c=s,height:l=o}=i,h=i.getCanvas().getContext();t.renderToThumb(h,e,c/s,l/o)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let s=0,o=i.length;s<o;s++){const c=i[s];this.createPageScene(c,n[c]),this._createThumb(c)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e;const n=this._getCurrUnitModel();let i;if(t)i=n.getPage(t);else{const l=n.getPages(),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:o}=i,c=s.mainComponent;if(n.setActivePage(i),c!=null&&c.hasPage(o)){c.changePage(o);return}this.createPageScene(o,i)}createThumbs(){const t=this._getCurrUnitModel().getPageOrder(),n=this._currentRender();if(!(!t||!n)&&t.length!==0)for(let i=0,s=t.length;i<s;i++){const o=t[i];this._thumbSceneRender(o,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:s}=n,o=s,{width:c,height:l}=o,h=new P.Scene(e,o,{width:c,height:l});new P.Viewport(`PageViewer_${e}`,h,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:u,pageBackgroundFill:C}=t,_=this._objectProvider.convertToRenderObjects(u,i);if(!_||!o)return;this._addBackgroundRect(h,C),h.addObjects(_),h.initTransformer(),_.forEach(S=>{h.attachTransformerTo(S)});const I=h.getTransformer();return I==null||I.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),I==null||I.clearControl$.subscribe(()=>{this._thumbSceneRender(e,o)}),o.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,o=this.createPageScene(i,t);s&&o&&s.addPageScene(o),e.appendPage(t),e.setActivePage(t)}};ee=ht([Se(1,a.Inject(a.Injector)),Se(2,a.IUniverInstanceService),Se(3,P.IRenderManagerService)],ee);var vt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,pt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Ct(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&vt(e,t,i),i},ft=(r,e)=>(t,n)=>e(t,n,r);v.CanvasView=class extends a.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(ee)}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()}},v.CanvasView=pt([ft(0,P.IRenderManagerService)],v.CanvasView);const _t="slides-ui.config",$e={},Ie={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(v.CanvasView).removeObjectById(e.id,s.id,t),!0}};var Pe={exports:{}},te={};/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var He;function St(){if(He)return te;He=1;var r=b,e=Symbol.for("react.element"),t=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,i=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function o(c,l,h){var d,u={},C=null,_=null;h!==void 0&&(C=""+h),l.key!==void 0&&(C=""+l.key),l.ref!==void 0&&(_=l.ref);for(d in l)n.call(l,d)&&!s.hasOwnProperty(d)&&(u[d]=l[d]);if(c&&c.defaultProps)for(d in l=c.defaultProps,l)u[d]===void 0&&(u[d]=l[d]);return{$$typeof:e,type:c,key:C,ref:_,props:u,_owner:i.current}}return te.Fragment=t,te.jsx=o,te.jsxs=o,te}var Fe;function It(){return Fe||(Fe=1,Pe.exports=St()),Pe.exports}var m=It();function We(r){var e,t,n="";if(typeof r=="string"||typeof r=="number")n+=r;else if(typeof r=="object")if(Array.isArray(r)){var i=r.length;for(e=0;e<i;e++)r[e]&&(t=We(r[e]))&&(n&&(n+=" "),n+=t)}else for(t in r)r[t]&&(n&&(n+=" "),n+=t);return n}function D(){for(var r,e,t=0,n="",i=arguments.length;t<i;t++)(r=arguments[t])&&(e=We(r))&&(n&&(n+=" "),n+=e);return n}var V=function(){return V=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i])}return r},V.apply(this,arguments)},Pt=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(r);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]]);return t},B=b.forwardRef(function(r,e){var t=r.icon,n=r.id,i=r.className,s=r.extend,o=Pt(r,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),l=b.useRef("_".concat(Ot()));return ze(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},V({ref:e,className:c},o),s)});function ze(r,e,t,n,i){return b.createElement(r.tag,V(V({key:e},bt(r,t,i)),n),(Et(r,t).children||[]).map(function(s,o){return ze(s,"".concat(e,"-").concat(r.tag,"-").concat(o),t,void 0,i)}))}function bt(r,e,t){var n=V({},r.attrs);t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1);var i=e.defIds;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(s){var o=s[0],c=s[1];typeof c=="string"&&(n[o]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function Et(r,e){var t,n=e.defIds;return!n||n.length===0?r:r.tag==="defs"&&(!((t=r.children)===null||t===void 0)&&t.length)?V(V({},r),{children:r.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?V(V({},i),{attrs:V(V({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):r}function Ot(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var yt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},Ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"add-image-single",ref:e,icon:yt}))});Ke.displayName="AddImageSingle";var xt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ge=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"autofill",ref:e,icon:xt}))});Ge.displayName="Autofill";var Tt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},Xe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"bottom-single",ref:e,icon:Tt}))});Xe.displayName="BottomSingle";var Rt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-single_clip0_1293_28)"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z",fillRule:"evenodd",clipRule:"evenodd"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"graph-single_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-single_clip0_1293_28"]},Ye=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"graph-single",ref:e,icon:Rt}))});Ye.displayName="GraphSingle";var jt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},be=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"more-down-single",ref:e,icon:jt}))});be.displayName="MoreDownSingle";var Dt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-down-single",ref:e,icon:Dt}))});ke.displayName="MoveDownSingle";var Mt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},Ze=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-up-single",ref:e,icon:Mt}))});Ze.displayName="MoveUpSingle";var wt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"mask",attrs:{id:"mask0_102_1204",style:{maskType:"alpha"},width:16,height:16,x:0,y:0,maskUnits:"userSpaceOnUse"},children:[{tag:"path",attrs:{fill:"#DCDCDC",d:"M0 0H16V16H0z"}}]},{tag:"g",attrs:{mask:"url(#mask0_102_1204)"},children:[{tag:"rect",attrs:{width:12.62,height:2.79,x:1.69,y:12.25,fill:"colorChannel1",rx:1.4}},{tag:"path",attrs:{fill:"currentColor",d:"M7.74646 2.1642C7.34284 1.65121 6.85947 1.28205 6.38447 1.09593C5.86863 0.893787 5.15166 0.852126 4.70047 1.42917C4.29842 1.94344 4.33082 2.70249 4.57691 3.50395C4.68808 3.8661 4.86846 4.22254 5.12522 4.56617C5.13695 4.58185 5.14927 4.5968 5.16211 4.61102C5.17152 4.6214 5.18122 4.63139 5.19115 4.64096C5.20459 4.65393 5.21855 4.66618 5.23296 4.6777L3.5064 6.40422C3.26756 6.64306 3.26756 7.03033 3.5064 7.26919L7.23756 11.0004C7.47648 11.2392 7.86375 11.2392 8.1026 11.0004L12.8329 6.27001C13.0717 6.03117 13.0717 5.6439 12.8329 5.40505L9.10172 1.67387C8.86288 1.43503 8.47561 1.43503 8.23676 1.67387L7.74646 2.1642ZM7.46162 4.50638C7.47252 4.57574 7.48163 4.64652 7.4888 4.71868C7.52232 5.05481 7.82194 5.30013 8.15807 5.26661C8.4942 5.23311 8.73954 4.93345 8.70601 4.59732C8.65786 4.11463 8.54251 3.6666 8.37892 3.26169L8.66928 2.97135L11.5354 5.83753L10.6106 6.76237H4.87824L7.40802 4.2326C7.42885 4.32128 7.44684 4.41255 7.46162 4.50638ZM6.87284 3.03784C6.57441 2.62008 6.22261 2.34634 5.93815 2.23487C5.80233 2.18165 5.71528 2.17827 5.67638 2.18335C5.6725 2.18387 5.66929 2.18443 5.6666 2.18497L5.6619 2.18607C5.64166 2.21954 5.53594 2.45979 5.74626 3.1449C5.81241 3.36036 5.92262 3.58602 6.09307 3.81761L6.87284 3.03784Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M12.1932 11.5463C12.6454 11.5463 13.012 11.1797 13.012 10.7275C13.012 10.4475 12.6981 9.92821 12.459 9.5733C12.3299 9.38173 12.0564 9.38174 11.9274 9.57331C11.6883 9.92822 11.3744 10.4475 11.3744 10.7275C11.3744 11.1797 11.741 11.5463 12.1932 11.5463Z"}}]}]},qe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"paint-bucket",ref:e,icon:wt}))});qe.displayName="PaintBucket";var Ut={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{fill:"currentColor",clipPath:"url(#text-single_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-single_clip0_1293_26"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["text-single_clip0_1293_26"]},Je=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"text-single",ref:e,icon:Ut}))});Je.displayName="TextSingle";var Nt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},Qe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"topmost-single",ref:e,icon:Nt}))});Qe.displayName="TopmostSingle";const L={id:"slide.operation.update-element",type:a.CommandType.OPERATION,handler:(r,e)=>{const{oKey:t,props:n}=e,i=r.get(a.IUniverInstanceService),s=e==null?void 0:e.unitId,o=i.getUnit(s);if(!o)return!1;const c=o.getActivePage();return c.pageElements[t]=a.Tools.deepMerge(c.pageElements[t],n),o.updatePage(c.id,c),!0}},g={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input",slidePanelColorPicker:"univer-slide-panel-color-picker"};function Vt(r){const{pageId:e,unitId:t}=r,n=a.useDependency(a.LocaleService),i=a.useDependency(v.CanvasView),s=a.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const u=C=>{const _=c.getAllObjects(),[I,S]=_.reduce(([f,x],T)=>{const j=T.zIndex,M=j<f?j:f,$=j>x?j:x;return[M,$]},[0,0]);let p=d.zIndex;C===3?p=I-1:C===2?p=S+1:C===0?p=d.zIndex+1:C===1&&(p=d.zIndex-1),d.setProps({zIndex:p}),s.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:p}})};return m.jsxs("div",{className:g.imageCommonPanelGrid,children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("image-panel.arrange.title")})})}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.Button,{size:"small",onClick:()=>{u(0)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(Ze,{}),n.t("image-panel.arrange.forward")]})})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.Button,{size:"small",onClick:()=>{u(1)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(ke,{}),n.t("image-panel.arrange.backward")]})})})]}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.Button,{size:"small",onClick:()=>{u(2)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(Qe,{}),n.t("image-panel.arrange.front")]})})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.Button,{size:"small",onClick:()=>{u(3)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(Xe,{}),n.t("image-panel.arrange.back")]})})})]})]})}function Bt(r){const{pageId:e,unitId:t}=r,n=a.useDependency(a.LocaleService),i=a.useDependency(v.CanvasView),s=a.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:u=0,height:C=0,left:_=0,top:I=0,angle:S=0}=d,[p,f]=b.useState(u),[x,T]=b.useState(C),[j,M]=b.useState(_),[$,R]=b.useState(I),[q,F]=b.useState(S),z=O=>{const{objects:ie}=O,re=ie.values().next().value,{width:xn=0,height:Tn=0,left:Rn=0,top:jn=0,angle:Dn=0}=re;f(xn),T(Tn),M(Rn),R(jn),F(Dn)};b.useEffect(()=>{const O=l.changeStart$.subscribe(re=>{z(re)}),ie=l.changing$.subscribe(re=>{z(re)});return()=>{ie.unsubscribe(),O.unsubscribe()}},[]);function H(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{width:O}}),d==null||d.resize(O,d.height),f(O),l==null||l.refreshControls())}function J(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{height:O}}),d==null||d.resize(d.width,O),T(O),l==null||l.refreshControls())}function Q(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{left:O}}),d==null||d.translate(O,d.top),M(O),l==null||l.refreshControls())}function Y(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{right:O}}),d==null||d.translate(d.left,O),R(O),l==null||l.refreshControls())}function fe(O){!O||!d||(s.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{angle:O}}),d==null||d.transformByState({angle:O}),F(O),l==null||l.refreshControls())}return m.jsxs("div",{className:D(g.imageCommonPanelGrid,g.imageCommonPanelBorder),children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("image-panel.transform.title")})})}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.width")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,min:1,value:p,onChange:O=>{H(O)}})})})]})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.height")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,min:1,value:x,onChange:O=>{J(O)}})})})]})})]}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.x")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,precision:1,min:0,value:j,onChange:O=>{Q(O)}})})})]})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.y")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,precision:1,min:0,value:$,onChange:O=>{Y(O)}})})})]})}),m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.rotate")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(w.InputNumber,{className:g.imageCommonPanelInput,precision:1,value:q,onChange:fe})})})]})})]})]})}function Lt(r){var I,S;const{pageId:e,unitId:t}=r,n=a.useDependency(a.LocaleService),i=a.useDependency(v.CanvasView),s=a.useDependency(a.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[u,C]=b.useState((S=(I=d.fill)==null?void 0:I.toString())!=null?S:"");function _(p){d==null||d.setProps({fill:p}),s.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:p}}}}}),C(p)}return m.jsx("div",{className:D(g.imageCommonPanelGrid,g.imageCommonPanelBorder),children:m.jsxs("div",{className:g.imageCommonPanelGrid,children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("slide.panel.fill.title")})})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:D(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(w.DropdownLegacy,{align:{offset:[0,18]},overlay:m.jsx("section",{className:g.slidePanelColorPicker,children:m.jsx(w.ColorPicker,{value:"#fff",onChange:_})}),children:m.jsxs("a",{className:g.uiPluginSheetsBorderPanelButton,children:[m.jsx(qe,{extend:{colorChannel1:u!=null?u:"rgb(var(--primary-color))"}}),m.jsx("span",{className:g.uiPluginSheetsBorderPanelMoreIcon,children:m.jsx(be,{})})]})})})})]})})}const At={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},ae="COMPONENT_SLIDE_SIDEBAR";function $t(){var h,d,u;const r=a.useDependency(a.IUniverInstanceService),e=a.useDependency(v.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 c=s.getSelectedObjectMap().values().next().value;if(!c)return null;const l=((u=r.getFocusedUnit())==null?void 0:u.getUnitId())||"";return m.jsxs("section",{className:At.imageCommonPanel,children:[m.jsx(Vt,{pageId:n,unitId:l}),m.jsx(Bt,{pageId:n,unitId:l}),c.objectType===P.ObjectType.RECT&&m.jsx(Lt,{pageId:n,unitId:l})]})}const oe={id:"slide.command.insert-float-shape",type:a.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(a.ICommandService),n=(i=r.get(a.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return e.executeCommand(Ee.id,{unitId:n})}},Ee={id:"slide.operation.insert-float-shape",type:a.CommandType.OPERATION,handler:async(r,e)=>{const t=a.generateRandomId(6),n=r.get(a.IUniverInstanceService),i=e.unitId,s=n.getUnit(i);if(!s)return!1;const o=s.getActivePage(),c=Object.values(o.pageElements),l=c!=null&&c.length?Math.max(...c.map(C=>C.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)"}}}};o.pageElements[t]=h,s.updatePage(o.id,o);const d=r.get(v.CanvasView),u=d.createObjectToPage(h,o.id,i);return u&&d.setObjectActiveByPage(u,o.id,i),!0}},Oe={id:"sidebar.operation.slide-shape",type:a.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(E.ISidebarService),s=r.get(a.LocaleService);let o="",c="";return n===P.ObjectType.RECT?(o="slide.sidebar.shape",c=ae):n===P.ObjectType.IMAGE?(o="slide.sidebar.image",c=ae):n===P.ObjectType.RICH_TEXT&&(o="slide.sidebar.text",c=ae),t?i.open({header:{title:s.t(o)},children:{label:c},onClose:()=>{},width:360}):i.close(),!0}},et="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var Ht=Object.defineProperty,Ft=Object.getOwnPropertyDescriptor,Wt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Ft(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Ht(e,t,i),i},ce=(r,e)=>(t,n)=>e(t,n,r);function zt(r,e){const t=tt(r.left,r.top,e),n=tt(r.right,r.bottom,e);return{left:t.x,top:t.y,right:n.x,bottom:n.y}}function tt(r,e,t){const{scaleX:n,scaleY:i}=t.getAncestorScale(),s=t.getViewport(K.SLIDE_KEY.VIEW);if(!s)return{x:r,y:e};const{viewportScrollX:o,viewportScrollY:c}=s,l=(r-o)*n,h=(e-c)*i;return{x:l,y:h}}v.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 H,J,Q,Y;const{scene:c,engine:l}=t,{left:h,top:d,width:u,height:C}=e,_=(c.width-((J=(H=t.mainComponent)==null?void 0:H.width)!=null?J:0))/2,I=(c.height-((Y=(Q=t.mainComponent)==null?void 0:Q.height)!=null?Y:0))/2,S={left:h,right:h+u,top:d,bottom:d+C},p=l.getCanvasElement(),f=p.getBoundingClientRect(),x=P.pxToNum(p.style.width),{scaleX:T,scaleY:j}=c.getAncestorScale(),M=zt(S,c),{top:$,left:R,width:q}=f,F=q/x;return{left:M.left*F*T+R+_,right:M.right*F*T+R+_,top:M.top*F*j+$+I,bottom:M.bottom*F*j+$+I}})(),s=new U.BehaviorSubject(i),o=new a.DisposableCollection;return{position:i,position$:s,disposable:o}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE).getUnitId(),s=this._renderManagerService.getRenderById(i);if(!s)return{dispose:()=>{}};const{position:o,position$:c,disposable:l}=this._createObjectPositionObserver(e,s),h=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:o,anchorRect$:c,canvasElement:s.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(h),c.complete(),l.dispose()}}}},v.SlideCanvasPopMangerService=Wt([ce(0,a.Inject(E.ICanvasPopupService)),ce(1,P.IRenderManagerService),ce(2,a.IUniverInstanceService),ce(3,a.ICommandService)],v.SlideCanvasPopMangerService);var Kt=Object.defineProperty,Gt=Object.getOwnPropertyDescriptor,Xt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Gt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Kt(e,t,i),i},G=(r,e)=>(t,n)=>e(t,n,r);let le=class extends a.RxDisposable{constructor(e,t,n,i,s,o,c){super();y(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=s,this._sidebarService=o,this._commandService=c,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(a.UniverInstanceType.UNIVER_SLIDE).forEach(e=>this._create(e))}_create(e){if(!e)return;const t=e.getUnitId();this._renderManagerService.has(t)&&!this._initImagePopupMenu.has(t)&&(this._popupMenuListener(t),this._initImagePopupMenu.add(t))}_hasCropObject(e){}_popupMenuListener(e){var i;const t=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),n=(i=t==null?void 0:t.getPages())!=null?i:{};Object.keys(n).forEach(s=>{var h;const c=(h=this._canvasView.getRenderUnitByPageId(s,e).scene)==null?void 0:h.getTransformer();if(!c)return;let l;this.disposeWithMe(a.toDisposable(c.createControl$.subscribe(()=>{const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const u=d.values().next().value;if(!u)return;const C=u.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(u,{componentKey:et,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(u.objectType,C,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(Oe.id,{visible:!0,objectType:u.objectType})}))),this.disposeWithMe(c.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(a.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(c.changing$.subscribe(()=>{l==null||l.dispose();const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const u=d.values().next().value;u&&this._commandService.executeCommand(L.id,{unitId:e,oKey:u.oKey,props:{width:u.width,height:u.height,left:u.left,top:u.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:Oe.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:Ie.id,commandParams:{id:t,unitId:n},disable:!1}]}};le=Xt([G(0,a.Inject(v.SlideCanvasPopMangerService)),G(1,P.IRenderManagerService),G(2,a.IUniverInstanceService),G(3,a.IContextService),G(4,a.Inject(v.CanvasView)),G(5,E.ISidebarService),G(6,a.ICommandService)],le);const de={id:"slide.operation.edit-arrow",type:a.CommandType.OPERATION,handler:()=>!0},X=a.createInternalEditorID("SLIDE_EDITOR");var Yt=Object.defineProperty,kt=Object.getOwnPropertyDescriptor,Zt=(r,e,t,n)=>{for(var i=n>1?void 0:n?kt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Yt(e,t,i),i},ye=(r,e)=>(t,n)=>e(t,n,r);const me=a.createIdentifier("univer.slide-editor-bridge.service");let xe=class extends a.Disposable{constructor(e,t,n){super();y(this,"_editorUnitId",X);y(this,"_isForceKeepVisible",!1);y(this,"_editorIsDirty",!1);y(this,"_currentEditRectState",null);y(this,"_currentEditRectState$",new U.BehaviorSubject(null));y(this,"currentEditRectState$",this._currentEditRectState$.asObservable());y(this,"_visibleParam",{visible:!1,eventType:P.DeviceInputEventType.Dblclick,unitId:""});y(this,"_visible$",new U.BehaviorSubject(this._visibleParam));y(this,"visible$",this._visible$.asObservable());y(this,"_afterVisible$",new U.BehaviorSubject(this._visibleParam));y(this,"afterVisible$",this._afterVisible$.asObservable());y(this,"endEditing$",new U.Subject);y(this,"_currentEditRectInfo");this._editorService=e,this._contextService=t,this._renderManagerService=n}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(X),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=X,t=this._currentEditRectInfo,n=t.unitId,i=t.richTextObj.documentData;i.id=e,i.documentStyle={...i.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};const o={documentModel:new a.DocumentDataModel(i),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:a.VerticalAlign.TOP,horizontalAlign:a.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},c=t.richTextObj.width,l=t.richTextObj.height,h=t.richTextObj.left,d=t.richTextObj.top,u={left:0,top:0},C=this._renderManagerService.getRenderById(n),_=C==null?void 0:C.scene,I=_==null?void 0:_.getViewport(K.SLIDE_KEY.VIEW),S=_==null?void 0:_.getObject(K.SLIDE_KEY.COMPONENT),p={x:(S==null?void 0:S.left)||0,y:(S==null?void 0:S.top)||0},f=(I==null?void 0:I.viewportScrollX)||0,x=(I==null?void 0:I.viewportScrollY)||0;return u.left=p.x-f,u.top=p.y-x,{position:{startX:h,startY:d,endX:h+c,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:u,unitId:n,editorUnitId:e,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){const t=this.getCurrentEditorId(),n=e.text,i=e.fs;return{id:t,body:{dataStream:`${n}\r
-`,textRuns:[{st:0,ed:n.length}],paragraphs:[{paragraphStyle:{},startIndex:n.length+1}],sectionBreaks:[{startIndex:n.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:i},renderConfig:{verticalAlign:a.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};xe=Zt([ye(0,N.IEditorService),ye(1,a.IContextService),ye(2,P.IRenderManagerService)],xe);class qt{constructor(){y(this,"_state",null);y(this,"_rect",null);y(this,"_state$",new U.BehaviorSubject(null));y(this,"state$",this._state$.asObservable());y(this,"_rect$",new U.BehaviorSubject(null));y(this,"rect$",this._rect$.asObservable());y(this,"_focus",!1);y(this,"_focus$",new U.BehaviorSubject(this._focus));y(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}}const Te=a.createIdentifier("univer.slide-editor-manager.service");var W=(r=>(r[r.InitialState=0]="InitialState",r[r.StartEditor=1]="StartEditor",r[r.CursorChange=2]="CursorChange",r))(W||{}),Jt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,en=(r,e,t,n)=>{for(var i=n>1?void 0:n?Qt(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Jt(e,t,i),i},A=(r,e)=>(t,n)=>e(t,n,r);const nt=-1e3,it=5,tn=2;let Re=class extends a.Disposable{constructor(e,t,n,i,s,o,c,l,h,d,u,C){super();y(this,"_cursorChange",W.InitialState);y(this,"_isUnitEditing",!1);y(this,"_d");this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=i,this._instanceSrv=s,this._renderManagerService=o,this._editorBridgeService=c,this._cellEditorManagerService=l,this._textSelectionManagerService=h,this._commandService=d,this._localService=u,this._editorService=C,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:P.DeviceInputEventType.Keyboard,keycode:E.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(se.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(se.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(U.filter(t=>!!t)).subscribe(()=>{var n;const t=(n=this._renderManagerService.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC))==null?void 0:n.with(N.DocSelectionRenderService);t&&t.sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(t=>{var C;if(t==null||this._contextService.getContextValue(a.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(a.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX:n,endX:i},documentLayoutObject:{textRotation:s,wrapStrategy:o,documentModel:c},scaleX:l,editorUnitId:h}=t,{vertexAngle:d}=P.convertTextRotation(s);c.updateDocumentId(h),o===a.WrapStrategy.WRAP&&d===0&&c.updateDocumentDataPageSize((i-n)/l),this._instanceSrv.changeDoc(h,c),this._contextService.setContextValue(a.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]);const u=(C=this._renderManagerService.getCurrentTypeOfRenderer(a.UniverInstanceType.UNIVER_DOC))==null?void 0:C.with(N.DocSelectionRenderService);u&&u.activate(nt,nt)}))}_fitTextSize(e,t,n,i,s=1,o=1){const{startX:c,startY:l,endX:h,endY:d}=e,u=i.documentModel;if(u==null)return;const{actualWidth:C,actualHeight:_}=this._predictingSize(e,t,n,i,s,o),{verticalAlign:I,paddingData:S,fill:p}=i;let f=h-c,x=d-l;if(f<C&&(f=C),x<_)x=_,u.updateDocumentDataMargin(S);else{let T=0;I===a.VerticalAlign.MIDDLE?T=(x-_)/2/o:I===a.VerticalAlign.TOP?T=S.t||0:T=(x-_)/o-(S.b||0),T=T<(S.t||0)?S.t||0:T,u.updateDocumentDataMargin({t:T})}n.calculate(),this._editAreaProcessing(f,x,e,t,p,s,o)}_predictingSize(e,t,n,i,s=1,o=1){const{startX:c,endX:l}=e,{textRotation:h,wrapStrategy:d}=i,u=i.documentModel,{vertexAngle:C}=P.convertTextRotation(h),_=document.body.clientWidth;if(d===a.WrapStrategy.WRAP&&C===0){const{actualWidth:p,actualHeight:f}=n.getActualSize();return{actualWidth:p*s,actualHeight:f*o}}u==null||u.updateDocumentDataPageSize((_-c-t.left)/s),n.calculate();const I=n.getActualSize();let S=l-c;return S<I.actualWidth*s+it*s&&(S=I.actualWidth*s+it*s),u==null||u.updateDocumentDataPageSize(S/s),u==null||u.updateDocumentRenderConfig({horizontalAlign:a.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:S,actualHeight:I.actualHeight*o}}_editAreaProcessing(e,t,n,i,s,o=1,c=1){var O;const l=this._getEditorObject();if(l==null)return;function h(ie){return Number.parseInt(ie.replace("px",""))}const u=this._renderContext.engine.getCanvasElement(),C=u.getBoundingClientRect(),_=h(u.style.width),{top:I,left:S,width:p}=C,f=p/_;let{startX:x,startY:T}=n;x+=i.left,T+=i.top;const{document:j,scene:M,engine:$}=l,R=M.getViewport(N.VIEWPORT_KEY.VIEW_MAIN),q=document.body.clientHeight-T-i.top-tn*2,F=document.body.clientWidth-x-i.left;let z=t,H=R==null?void 0:R.getScrollBar();z>q?(z=q,H==null?R&&new P.ScrollBar(R,{enableHorizontal:!1,barSize:8}):R==null||R.resetCanvasSizeAndUpdateScroll()):(H=null,(O=R==null?void 0:R.getScrollBar())==null||O.dispose()),e+=(H==null?void 0:H.barSize)||0,e=Math.min(e,F),x-=P.FIX_ONE_PIXEL_BLUR_OFFSET,T-=P.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(M,e/o,t/c,s);const{scaleX:J,scaleY:Q}=M.getPrecisionScale();M.transformByState({width:e*f/o,height:t*f/c,scaleX:o*f,scaleY:c*f}),j.resize(e/o,t/c),setTimeout(()=>{$.resizeBySize(P.fixLineWidthByScale(e,J),P.fixLineWidthByScale(z,Q))},0);const Y=this._layoutService.getContentElement().getBoundingClientRect(),fe=u.getBoundingClientRect();x=x*f+(fe.left-Y.left),T=T*f+(fe.top-Y.top),this._cellEditorManagerService.setState({startX:x,startY:T,endX:e*f+x,endY:z*f+T,show:!0})}_addBackground(e,t,n,i){const s="_backgroundRectHelperColor_",o=e.getObject(s);o==null&&i==null||(o==null?e.addObjects([new P.Rect(s,{width:t,height:n,fill:i,evented:!1})],N.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:t,height:n})))}_handleEditorVisible(e){var p,f;const{eventType:t}=e;this._cursorChange=[P.DeviceInputEventType.PointerDown,P.DeviceInputEventType.Dblclick].includes(t)?W.CursorChange:W.StartEditor;const n=this._editorBridgeService.getEditRectState();if(n==null)return;const{position:i,documentLayoutObject:s,slideCardOffset:o,scaleX:c,scaleY:l,editorUnitId:h,unitId:d}=n,u=this._getEditorObject();if(u==null)return;const{scene:C}=u;this._contextService.setContextValue(a.EDITOR_ACTIVATED,!0);const{documentModel:_}=s,I=this._getEditorSkeleton(h);if(!I||!_)return;this._fitTextSize(i,o,I,s,c,l);const S=_.getBody().dataStream.length-2||0;(p=C.getViewport(N.VIEWPORT_KEY.VIEW_MAIN))==null||p.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:S,endOffset:S}]),(f=this._renderManagerService.getRenderById(d))==null||f.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=[de.id],n=[se.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(i=>{this._editorService.getFocusId()===X&&(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===W.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 nn(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){const{keycode:t}=e;if(this._cursorChange=W.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 E.KeyCode.ENTER:a.Direction.DOWN;break;case E.KeyCode.TAB:a.Direction.RIGHT;break;case E.KeyCode.ARROW_DOWN:a.Direction.DOWN;break;case E.KeyCode.ARROW_UP:a.Direction.UP;break;case E.KeyCode.ARROW_LEFT:a.Direction.LEFT;break;case E.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===W.StartEditor&&(this._cursorChange=W.CursorChange)})))}_moveInEditor(e,t){let n=a.Direction.LEFT;e===E.KeyCode.ARROW_DOWN?n=a.Direction.DOWN:e===E.KeyCode.ARROW_UP?n=a.Direction.UP:e===E.KeyCode.ARROW_RIGHT&&(n=a.Direction.RIGHT),t?this._commandService.executeCommand(N.MoveSelectionOperation.id,{direction:n}):this._commandService.executeCommand(N.MoveCursorOperation.id,{direction:n})}};Re=en([A(1,E.ILayoutService),A(2,a.IUndoRedoService),A(3,a.IContextService),A(4,a.IUniverInstanceService),A(5,P.IRenderManagerService),A(6,me),A(7,Te),A(8,a.Inject(se.DocSelectionManagerService)),A(9,a.ICommandService),A(10,a.Inject(a.LocaleService)),A(11,N.IEditorService)],Re);function nn(r,e){if(r==null)return;const t=e.getRenderById(r);if(t==null)return;const{mainComponent:n,scene:i,engine:s,components:o}=t,c=n,l=o.get(N.DOCS_VIEW_KEY.BACKGROUND);return{document:c,docBackground:l,scene:i,engine:s}}var rn=Object.defineProperty,sn=Object.getOwnPropertyDescriptor,an=(r,e,t,n)=>{for(var i=n>1?void 0:n?sn(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&rn(e,t,i),i},je=(r,e)=>(t,n)=>e(t,n,r);let De=class extends a.RxDisposable{constructor(e,t,n,i){super();y(this,"setSlideTextEditor$",new U.Subject);y(this,"_curRichText",null);y(this,"_d");this._renderContext=e,this._instanceSrv=t,this._commandService=n,this._editorBridgeService=i,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(a.UniverInstanceType.UNIVER_SLIDE).subscribe(s=>{s&&s.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const e=new a.DisposableCollection;return this._initEventListener(e),e}_disposeCurrent(){var e;(e=this._d)==null||e.dispose(),this._d=null}_setEditorRect(e,t){this._curRichText=t;const{scene:n,engine:i}=this._renderContext,s=this._renderContext.unitId,o={scene:n,engine:i,unitId:s,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(o)}_initEventListener(e){const t=o=>{const c=o.getTransformer();c&&(e.add(c.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(c.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(o.onDblclick$.subscribeEvent(()=>{c.clearControls();const h=c.getSelectedObjectMap().values().next().value;h&&(h.objectType!==P.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(o.sceneKey,h))})),e.add(this._instanceSrv.focused$.subscribe(l=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(o=>{t(o)});const s=Array.from(n.getSubScenes().values());for(let o=0;o<s.length;o++){const c=s[o];t(c)}}pickOtherObjects(){this.endEditing()}endEditing(){var s;if(!this._curRichText)return;this.setEditorVisible(!1);const e=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))return!1;e.refreshDocumentByDocData(),e.resizeToContentSize(),this._editorBridgeService.endEditing$.next(e);const n={bl:1,fs:e.fs,text:e.text},i=(s=e.documentData.body)==null?void 0:s.textRuns;if(i&&i.length){const c=i[0].ts;n.cl=c==null?void 0:c.cl}this._commandService.executeCommand(L.id,{unitId:this._renderContext.unitId,oKey:e==null?void 0:e.oKey,props:{richText:n}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){var n,i;e?(n=this._curRichText)==null||n.hide():(i=this._curRichText)==null||i.show();const{unitId:t}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:P.DeviceInputEventType.PointerDown,unitId:t})}};De=an([je(1,a.IUniverInstanceService),je(2,a.ICommandService),je(3,me)],De);const Me={id:"slide.operation.activate-slide",type:a.CommandType.OPERATION,handler:(r,e)=>{var h,d;const t=e.unitId,n=r.get(v.CanvasView),s=r.get(a.IUniverInstanceService).getUnit(t),o=(h=s==null?void 0:s.getActivePage())==null?void 0:h.id;if(!o)return!1;const c=n.getRenderUnitByPageId(o,t);if(!c)return!1;const l=(d=c.scene)==null?void 0:d.getTransformer();return l&&l.clearControls(),n.activePage(e.id,t),!0}},we={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(v.CanvasView).appendPage(t),!0):!1}},ue={id:"slide.command.insert-float-image",type:a.CommandType.COMMAND,handler:async(r,e)=>{var $;const t=r.get(a.IUniverInstanceService),n=($=t.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE))==null?void 0:$.getUnitId();if(!n)return!1;const s=await r.get(E.ILocalFileService).openFile({multiple:!0,accept:_e.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(R=>`.${R.replace("image/","")}`).join(",")});if(s.length!==1)return!1;const c=await r.get(_e.IImageIoService).saveImage(s[0]);if(!c)return!1;const{imageId:l,imageSourceType:h,source:d,base64Cache:u}=c,{width:C,height:_,image:I}=await _e.getImageSize(u||""),S=t.getUnit(n);if(!S)return!1;const p=S.getActivePage(),f=Object.values(p.pageElements),x=f!=null&&f.length?Math.max(...f.map(R=>R.zIndex)):20,T={id:l,zIndex:x+1,left:0,top:0,width:C,height:_,title:"",description:"",type:a.PageElementType.IMAGE,image:{imageProperties:{contentUrl:u,imageSourceType:h,source:d,base64Cache:u,image:I}}};p.pageElements[l]=T,S.updatePage(p.id,p);const j=r.get(v.CanvasView),M=j.createObjectToPage(T,p.id,n);return M&&j.setObjectActiveByPage(M,p.id,n),!0}},ge={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(Ue.id,{unitId:n})}},Ue={id:"slide.operation.add-text",type:a.CommandType.OPERATION,handler:async(r,e)=>{const t=e.unitId,n=a.generateRandomId(6),i=220,s=40,o=230,c=142,l=(e==null?void 0:e.text)||"A New Text",d=r.get(a.IUniverInstanceService).getUnit(t);if(!d)return!1;const u=d.getActivePage(),C=Object.values(u.pageElements),_=C!=null&&C.length?Math.max(...C.map(f=>f.zIndex)):21,I={id:n,zIndex:_+1,left:o,top:c,width:i,height:s,title:"text",description:"",type:a.PageElementType.TEXT,richText:{text:l,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};u.pageElements[n]=I,d.updatePage(u.id,u);const S=r.get(v.CanvasView),p=S.createObjectToPage(I,u.id,t);return p&&S.setObjectActiveByPage(p,u.id,t),!0}},Ne={id:"slide.operation.set-slide-page-thumb",type:a.CommandType.OPERATION,handler:(r,e)=>(r.get(v.CanvasView).createThumbs(e.unitId),!0)},ne={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemIcon:"univer-image-popup-menu-item-icon",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",imagePopupMenuItemHide:"univer-image-popup-menu-item-hide",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"},on=r=>{var I,S;const e=(S=(I=r.popup)==null?void 0:I.extraProps)==null?void 0:S.menuItems;if(!e)return null;const t=a.useDependency(a.ICommandService),n=a.useDependency(a.LocaleService),[i,s]=b.useState(!1),[o,c]=b.useState(!1),l=()=>{c(!0)},h=()=>{c(!1)},d=p=>{s(p)},u=p=>{t.executeCommand(p.commandId,p.commandParams),s(!1)},C=i||o,_=e.filter(p=>!p.disable);return m.jsx("div",{onMouseEnter:l,onMouseLeave:h,children:m.jsx(w.DropdownLegacy,{placement:"bottomLeft",trigger:["click"],overlay:m.jsx("ul",{className:ne.imagePopupMenu,children:_.map(p=>m.jsx("li",{onClick:()=>u(p),className:ne.imagePopupMenuItem,children:m.jsx("span",{className:ne.imagePopupMenuItemTitle,children:n.t(p.label)})},p.index))}),visible:i,onVisibleChange:d,children:m.jsxs("div",{className:D(ne.btnContainer,{[ne.btnContainerExpand]:i}),children:[m.jsx(Ge,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),C&&m.jsx(be,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},k={slideBar:"univer-slide-bar",slideBarContent:"univer-slide-bar-content",slideBarContentHeader:"univer-slide-bar-content-header",slideBarItem:"univer-slide-bar-item",slideBarBox:"univer-slide-bar-box",slideBarItemActive:"univer-slide-bar-item-active",slideAddButton:"univer-slide-add-button"};function rt(){var S,p;const r=a.useDependency(a.IUniverInstanceService),e=a.useDependency(a.ICommandService),t=a.useDependency(P.IRenderManagerService),n=a.useDependency(a.LocaleService),i=b.useRef(null),s=r.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE),o=s==null?void 0:s.getPages(),c=s==null?void 0:s.getPageOrder();if(!o||!c)return null;const l=c.map(f=>o[f]),[h,d]=b.useState([]),[u,C]=b.useState((p=(S=s==null?void 0:s.getActivePage())==null?void 0:S.id)!=null?p:null);b.useEffect(()=>{d(l.map(f=>b.createRef()))},[l.length]),b.useEffect(()=>{const f=s==null?void 0:s.activePage$.subscribe(x=>{var j;const T=(j=x==null?void 0:x.id)!=null?j:null;T&&C(T)});return()=>{f==null||f.unsubscribe()}},[]),b.useEffect(()=>{h.forEach((f,x)=>{var T;if(f.current){const j=l[x];(T=t.getRenderById(j.id))==null||T.engine.setContainer(f.current)}}),h.length>0&&e.syncExecuteCommand(Ne.id,{unitId:s==null?void 0:s.getUnitId()})},[h,l,t,e,s]);const _=b.useCallback(f=>{e.syncExecuteCommand(Me.id,{id:f,unitId:s==null?void 0:s.getUnitId()})},[e,s]),I=b.useCallback(()=>{e.syncExecuteCommand(we.id,{unitId:s==null?void 0:s.getUnitId()})},[e,s]);return m.jsx("aside",{className:k.slideBar,ref:i,children:m.jsx(w.Scrollbar,{children:m.jsxs("div",{className:k.slideBarContent,children:[m.jsx("header",{className:k.slideBarContentHeader,children:m.jsx("a",{onClick:I,children:n.t("slide.append")})}),l.map((f,x)=>m.jsxs("div",{className:D(k.slideBarItem,{[k.slideBarItemActive]:f.id===u}),onClick:()=>_(f.id),children:[m.jsx("span",{children:x+1}),m.jsx("div",{ref:h[x],className:k.slideBarBox})]},f.id))]})})})}const cn={slideEditorContainer:"univer-slide-editor-container",editorInput:"univer-editor-input"},he=-1e3,st={width:0,height:0,top:he,left:he},at=()=>{const[r,e]=b.useState({...st}),t=a.useDependency(Te),n=a.useDependency(N.IEditorService),i=a.useDependency(a.IContextService),s=E.useObservable(()=>i.subscribeContextValue$(E.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,E.DISABLE_AUTO_FOCUS_KEY]);return`${a.DEFAULT_EMPTY_DOCUMENT_VALUE}`,a.DocumentFlavor.UNSPECIFIED,b.useEffect(()=>{t.state$.subscribe(o=>{if(o==null)return;const{startX:c=he,startY:l=he,endX:h=0,endY:d=0,show:u=!1}=o;if(!u)e({...st});else{e({width:h-c-P.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:d-l-P.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:c+P.FIX_ONE_PIXEL_BLUR_OFFSET,top:l+P.FIX_ONE_PIXEL_BLUR_OFFSET});const C=n.getEditor(X);if(C==null)return;const{left:_,top:I,width:S,height:p}=C.getBoundingClientRect();t.setRect({left:_,top:I,width:S,height:p})}})},[]),b.useEffect(()=>{s||t.setFocus(!0)},[s,r]),m.jsx("div",{className:cn.slideEditorContainer,style:{left:r.left,top:r.top,width:r.width,height:r.height}})},ot="addition-and-subtraction-single",Ve="slide.menu.image";function ln(r){return{id:Ve,type:E.MenuItemType.SUBITEMS,icon:ot,tooltip:"slide.image.insert.title",hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function dn(r){return{id:ue.id,title:"slide.image.insert.float",type:E.MenuItemType.BUTTON,hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const ct="graph-single",Be="slide.menu.shape";function mn(r){return{id:Be,type:E.MenuItemType.SUBITEMS,icon:ct,tooltip:"slide.shape.insert.title",hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}function un(r){return{id:oe.id,title:"slide.shape.insert.rectangle",type:E.MenuItemType.BUTTON,hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const lt="text-single";function gn(r){return{id:ge.id,type:E.MenuItemType.BUTTON,icon:lt,tooltip:"slide.text.insert.title",hidden$:E.getMenuHiddenObservable(r,a.UniverInstanceType.UNIVER_SLIDE)}}const dt={[E.RibbonStartGroup.FORMAT]:{[ge.id]:{order:0,menuItemFactory:gn},[Ve]:{order:0,menuItemFactory:ln,[ue.id]:{order:0,menuItemFactory:dn}},[Be]:{order:0,menuItemFactory:mn,[oe.id]:{order:0,menuItemFactory:un}}}};function Le(r){return r.getContextValue(a.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(a.EDITOR_ACTIVATED)}function hn(r){return r.getContextValue(a.FORMULA_EDITOR_ACTIVATED)&&r.getContextValue(a.FOCUSING_UNIVER_EDITOR)}const mt=[E.KeyCode.ARROW_DOWN,E.KeyCode.ARROW_UP,E.KeyCode.ARROW_LEFT,E.KeyCode.ARROW_RIGHT];[E.KeyCode.ENTER,E.KeyCode.TAB,...mt];function vn(){const r=[];for(const e of mt)r.push({id:de.id,binding:e,preconditions:t=>Le(t),staticParameters:{visible:!1,eventType:P.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),r.push({id:de.id,binding:e|E.MetaKeys.SHIFT,preconditions:t=>Le(t),staticParameters:{visible:!1,eventType:P.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return r}const Cn={id:N.DeleteLeftCommand.id,preconditions:r=>Le(r)||hn(r),binding:E.KeyCode.BACKSPACE};var pn=Object.defineProperty,fn=Object.getOwnPropertyDescriptor,_n=(r,e,t,n)=>{for(var i=n>1?void 0:n?fn(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&pn(e,t,i),i},Z=(r,e)=>(t,n)=>e(t,n,r);v.SlidesUIController=class extends a.Disposable{constructor(e,t,n,i,s,o){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=i,this._commandService=s,this._shortcutService=o,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(dt)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(ot,Ke)),this.disposeWithMe(e.register(lt,Je)),this.disposeWithMe(e.register(ct,Ye)),this.disposeWithMe(e.register(et,on)),this.disposeWithMe(e.register(ae,$t))}_initCommands(){[we,Me,Ne,ue,Ue,ge,Ee,oe,Oe,Ie,L,de].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(E.BuiltInUIPart.LEFT_SIDEBAR,()=>a.connectInjector(rt,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(E.BuiltInUIPart.CONTENT,()=>a.connectInjector(at,this._injector)))}_initShortcuts(){[Cn,...vn()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}},v.SlidesUIController=_n([Z(0,a.Inject(a.Injector)),Z(1,E.IMenuManagerService),Z(2,a.Inject(E.ComponentManager)),Z(3,E.IUIPartsService),Z(4,a.ICommandService),Z(5,E.IShortcutService)],v.SlidesUIController);var Sn=Object.defineProperty,In=Object.getOwnPropertyDescriptor,Pn=(r,e,t,n)=>{for(var i=n>1?void 0:n?In(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Sn(e,t,i),i},Ae=(r,e)=>(t,n)=>e(t,n,r);let ve=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(U.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(U.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),this._renderManagerService.setCurrent(r))}_disposeRenderer(r){const e=r.getUnitId();this._renderManagerService.removeRender(e)}_initContextListener(){}};ve=Pn([Ae(0,a.IContextService),Ae(1,a.IUniverInstanceService),Ae(2,P.IRenderManagerService)],ve);var bn=Object.defineProperty,En=Object.getOwnPropertyDescriptor,On=(r,e,t,n)=>{for(var i=n>1?void 0:n?En(e,t):e,s=r.length-1,o;s>=0;s--)(o=r[s])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&bn(e,t,i),i},Ce=(r,e)=>(t,n)=>e(t,n,r);const yn="SLIDE_UI";v.UniverSlidesUIPlugin=(pe=class extends a.Plugin{constructor(e=$e,t,n,i,s){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=i,this._configService=s;const{menu:o,...c}=a.merge({},$e,this._config);o&&this._configService.setConfig("menu",o,{merge:!0}),this._configService.setConfig(_t,c)}onStarting(){a.mergeOverrideWithDependencies([[ve],[me,{useClass:xe}],[Te,{useClass:qt}],[v.SlideCanvasPopMangerService]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[ee]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),a.mergeOverrideWithDependencies([[v.CanvasView],[v.SlidesUIController],[ee],[le]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(v.CanvasView),this._injector.get(ve)}onRendered(){[[De],[Re]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(a.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(v.SlidesUIController)}onSteady(){this._injector.get(le)}_markSlideAsFocused(){const e=this._univerInstanceService;try{const t=e.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},y(pe,"pluginName",yn),y(pe,"type",a.UniverInstanceType.UNIVER_SLIDE),pe),v.UniverSlidesUIPlugin=On([Ce(1,a.Inject(a.Injector)),Ce(2,P.IRenderManagerService),Ce(3,a.IUniverInstanceService),Ce(4,a.IConfigService)],v.UniverSlidesUIPlugin),v.ActivateSlidePageOperation=Me,v.AppendSlideOperation=we,v.DeleteSlideElementOperation=Ie,v.ISlideEditorBridgeService=me,v.InsertSlideFloatImageCommand=ue,v.InsertSlideShapeRectangleCommand=oe,v.InsertSlideShapeRectangleOperation=Ee,v.SHAPE_MENU_ID=Be,v.SLIDES_IMAGE_MENU_ID=Ve,v.SLIDE_EDITOR_ID=X,v.SetSlidePageThumbOperation=Ne,v.SlideAddTextCommand=ge,v.SlideAddTextOperation=Ue,v.SlideEditorContainer=at,v.SlideSideBar=rt,v.SlidesUIMenuSchema=dt,v.UpdateSlideElementOperation=L,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
+(function(h,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("@univerjs/core"),require("@univerjs/engine-render"),require("@univerjs/slides"),require("@univerjs/ui"),require("react/jsx-runtime"),require("@univerjs/design"),require("react"),require("rxjs"),require("@univerjs/docs"),require("@univerjs/docs-ui"),require("@univerjs/drawing")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@univerjs/engine-render","@univerjs/slides","@univerjs/ui","react/jsx-runtime","@univerjs/design","react","rxjs","@univerjs/docs","@univerjs/docs-ui","@univerjs/drawing"],s):(h=typeof globalThis<"u"?globalThis:h||self,s(h.UniverSlidesUi={},h.UniverCore,h.UniverEngineRender,h.UniverSlides,h.UniverUi,h.React,h.UniverDesign,h.React,h.rxjs,h.UniverDocs,h.UniverDocsUi,h.UniverDrawing))})(this,function(h,s,S,K,P,m,x,b,R,re,V,fe){"use strict";var yn=Object.defineProperty;var Tn=(h,s,S)=>s in h?yn(h,s,{enumerable:!0,configurable:!0,writable:!0,value:S}):h[s]=S;var y=(h,s,S)=>Tn(h,typeof s!="symbol"?s+"":s,S);var Ce;var ct=Object.defineProperty,lt=Object.getOwnPropertyDescriptor,dt=(r,e,t,n)=>{for(var i=n>1?void 0:n?lt(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&ct(e,t,i),i},_e=(r,e)=>(t,n)=>e(t,n,r);let ee=class extends s.RxDisposable{constructor(e,t,n,i){super();y(this,"_objectProvider",null);y(this,"_refreshThumb",s.debounce(()=>{this.createThumbs()},300));this._renderContext=e,this._injector=t,this._univerInstanceService=n,this._renderManagerService=i,this._objectProvider=this._injector.createInstance(K.ObjectProvider),this._addNewRender()}_addNewRender(){const{unitId:e,engine:t,scene:n}=this._renderContext,i=this._getCurrUnitModel();if(!i)return;const a=t.onTransformChange$.subscribeEvent(()=>{this._scrollToCenter(),a==null||a.unsubscribe()});t.onTransformChange$.subscribeEvent(()=>{setTimeout(()=>{this.createThumbs()},300)});const o=new S.Viewport(K.SLIDE_KEY.VIEW,n,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1,isWheelPreventDefaultX:!0});n.attachControl(),n.onMouseWheel$.subscribeEvent((l,v)=>{const d=l;if(d.ctrlKey){const u=Math.abs(d.deltaX);let p=u<40?.2:u<80?.4:.2;p*=d.deltaY>0?-1:1,n.scaleX<1&&(p/=2),n.scaleX+p>4?n.scale(4,4):n.scaleX+p<.1?n.scale(.1,.1):(d.deltaY>0,d.preventDefault())}else o.onMouseWheel(d,v)}),n.onFileLoaded$.subscribeEvent(()=>{this._refreshThumb()}),S.ScrollBar.attachTo(o),this._renderManagerService.setCurrent(e);const c=this._createSlide(n);this._renderContext.mainComponent=c,this._createSlidePages(i,c),this.createThumbs(),t.runRenderLoop(()=>{n.render()})}_scrollToCenter(){var l;const e=(l=this._currentRender())==null?void 0:l.scene,t=e==null?void 0:e.getViewport(K.SLIDE_KEY.VIEW),n=this._getCenterPositionViewPort(e);if(!t||!n)return;const{left:i,top:a}=n,{x:o,y:c}=t.transViewportScroll2ScrollValue(i,a);t.scrollToBarPos({x:o,y:c})}_currentRender(){return this._renderManagerService.getCurrentTypeOfRenderer(s.UniverInstanceType.UNIVER_SLIDE)}_createSlide(e){const t=this._univerInstanceService.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SLIDE),{width:n,height:i}=e,a=t.getPageSize(),{width:o=100,height:c=100}=a,l=new S.Slide(K.SLIDE_KEY.COMPONENT,{left:(n-o)/2,top:(i-c)/2,width:o,height:c,zIndex:10});return l.enableSelectedClipElement(),e.addObject(l),l}_addBackgroundRect(e,t){const i=this._univerInstanceService.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SLIDE).getPageSize(),{width:a=0,height:o=0}=i,c=new S.Rect("canvas",{left:0,top:0,width:a,height:o,strokeWidth:1,stroke:"rgba(198,198,198,1)",fill:s.getColorStyle(t)||"rgba(255,255,255,1)",zIndex:0,evented:!1});e.addObject(c,0)}_getCenterPositionViewPort(e){if(!e)return{left:0,top:0};const{width:t,height:n}=e,i=e.getEngine(),a=(i==null?void 0:i.width)||0,o=(i==null?void 0:i.height)||0;return{left:(t-a)/2,top:(n-o)/2}}_thumbSceneRender(e,t){const n=this._renderManagerService.getRenderById(e);if(n==null)return;const{engine:i}=n;if(i==null)return;const{width:a,height:o}=t,{width:c=a,height:l=o}=i,v=i.getCanvas().getContext();t.renderToThumb(v,e,c/a,l/o)}_createSlidePages(e,t){const n=e.getPages(),i=e.getPageOrder();if(!(!n||!i)&&i.length!==0){for(let a=0,o=i.length;a<o;a++){const c=i[a];this.createPageScene(c,n[c]),this._createThumb(c)}t.activeFirstPage()}}_createThumb(e){this._renderManagerService.createRender(e)}_getCurrUnitModel(){return this._renderContext.unit}activePage(e){let t=e;const n=this._getCurrUnitModel();let i;if(t)i=n.getPage(t);else{const l=n.getPages(),v=n.getPageOrder();if(v==null||l==null)return;i=l[v[0]],t=i.id}const a=this._currentRender();if(i==null||a==null||a.mainComponent==null)return;const{id:o}=i,c=a.mainComponent;if(n.setActivePage(i),c!=null&&c.hasPage(o)){c.changePage(o);return}this.createPageScene(o,i)}createThumbs(){const t=this._getCurrUnitModel().getPageOrder(),n=this._currentRender();if(!(!t||!n)&&t.length!==0)for(let i=0,a=t.length;i<a;i++){const o=t[i];this._thumbSceneRender(o,n.mainComponent)}}createPageScene(e,t){const n=this._renderContext;if(!n||!this._objectProvider)return;const{scene:i,mainComponent:a}=n,o=a,{width:c,height:l}=o,v=new S.Scene(e,o,{width:c,height:l});new S.Viewport(`PageViewer_${e}`,v,{left:0,top:0,bottom:0,right:0,explicitViewportWidthSet:!1,explicitViewportHeightSet:!1}).closeClip();const{pageElements:u,pageBackgroundFill:p}=t,I=this._objectProvider.convertToRenderObjects(u,i);if(!I||!o)return;this._addBackgroundRect(v,p),v.addObjects(I),v.initTransformer(),I.forEach(_=>{v.attachTransformerTo(_)});const f=v.getTransformer();return f==null||f.changeEnd$.subscribe(()=>{this._thumbSceneRender(e,o)}),f==null||f.clearControl$.subscribe(()=>{this._thumbSceneRender(e,o)}),o.addPageScene(v),v}getPageRenderUnit(e){const n=this._renderContext.mainComponent.getSubScenes().get(e),{engine:i,unit:a}=this._renderContext;return{scene:n,engine:i,unit:a}}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,a=n.mainComponent,o=this.createPageScene(i,t);a&&o&&a.addPageScene(o),e.appendPage(t),e.setActivePage(t)}};ee=dt([_e(1,s.Inject(s.Injector)),_e(2,s.IUniverInstanceService),_e(3,S.IRenderManagerService)],ee);var mt=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,gt=(r,e,t,n)=>{for(var i=n>1?void 0:n?ut(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&mt(e,t,i),i},ht=(r,e)=>(t,n)=>e(t,n,r);h.CanvasView=class extends s.RxDisposable{constructor(e){super(),this._renderManagerService=e}_getSlideRenderControllerFromRenderUnit(e){return this._renderManagerService.getRenderById(e).with(ee)}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=gt([ht(0,S.IRenderManagerService)],h.CanvasView);const vt="slides-ui.config",Le={},Se={id:"slide.operation.delete-element",type:s.CommandType.OPERATION,handler:(r,e)=>{if(!(e!=null&&e.id))return!1;const t=e.unitId,i=r.get(s.IUniverInstanceService).getUnit(t);if(!i)return!1;const a=i.getActivePage();return delete a.pageElements[e.id],i.updatePage(a.id,a),r.get(h.CanvasView).removeObjectById(e.id,a.id,t),!0}};function Ae(r){var e,t,n="";if(typeof r=="string"||typeof r=="number")n+=r;else if(typeof r=="object")if(Array.isArray(r)){var i=r.length;for(e=0;e<i;e++)r[e]&&(t=Ae(r[e]))&&(n&&(n+=" "),n+=t)}else for(t in r)r[t]&&(n&&(n+=" "),n+=t);return n}function w(){for(var r,e,t=0,n="",i=arguments.length;t<i;t++)(r=arguments[t])&&(e=Ae(r))&&(n&&(n+=" "),n+=e);return n}var j=function(){return j=Object.assign||function(r){for(var e,t=1,n=arguments.length;t<n;t++){e=arguments[t];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(r[i]=e[i])}return r},j.apply(this,arguments)},Ct=function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(r);i<n.length;i++)e.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]]);return t},B=b.forwardRef(function(r,e){var t=r.icon,n=r.id,i=r.className,a=r.extend,o=Ct(r,["icon","id","className","extend"]),c="univerjs-icon univerjs-icon-".concat(n," ").concat(i||"").trim(),l=b.useRef("_".concat(_t()));return $e(t,"".concat(n),{defIds:t.defIds,idSuffix:l.current},j({ref:e,className:c},o),a)});function $e(r,e,t,n,i){return b.createElement(r.tag,j(j({key:e},pt(r,t,i)),n),(ft(r,t).children||[]).map(function(a,o){return $e(a,"".concat(e,"-").concat(r.tag,"-").concat(o),t,void 0,i)}))}function pt(r,e,t){var n=j({},r.attrs);t!=null&&t.colorChannel1&&n.fill==="colorChannel1"&&(n.fill=t.colorChannel1);var i=e.defIds;return!i||i.length===0||(r.tag==="use"&&n["xlink:href"]&&(n["xlink:href"]=n["xlink:href"]+e.idSuffix),Object.entries(n).forEach(function(a){var o=a[0],c=a[1];typeof c=="string"&&(n[o]=c.replace(/url\(#(.*)\)/,"url(#$1".concat(e.idSuffix,")")))})),n}function ft(r,e){var t,n=e.defIds;return!n||n.length===0?r:r.tag==="defs"&&(!((t=r.children)===null||t===void 0)&&t.length)?j(j({},r),{children:r.children.map(function(i){return typeof i.attrs.id=="string"&&n&&n.indexOf(i.attrs.id)>-1?j(j({},i),{attrs:j(j({},i.attrs),{id:i.attrs.id+e.idSuffix})}):i})}):r}function _t(){return Math.random().toString(36).substring(2,8)}B.displayName="UniverIcon";var St={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z"}}]},He=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"add-image-single",ref:e,icon:St}))});He.displayName="AddImageSingle";var It={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z",fillRule:"evenodd",clipRule:"evenodd"}}]},Fe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"autofill",ref:e,icon:It}))});Fe.displayName="Autofill";var Pt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},We=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"bottom-single",ref:e,icon:Pt}))});We.displayName="BottomSingle";var bt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{clipPath:"url(#graph-single_clip0_1293_28)"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M6.29541 11.1896C3.83208 10.7489 1.9624 8.59552 1.9624 6.00544C1.9624 3.09673 4.32036 0.73877 7.22907 0.73877C9.93483 0.73877 12.164 2.77918 12.4619 5.40527H13.5621C14.998 5.40527 16.1621 6.56933 16.1621 8.00527V12.6719C16.1621 14.1079 14.998 15.2719 13.5621 15.2719H8.89541C7.45947 15.2719 6.29541 14.1079 6.29541 12.6719V11.1896ZM3.1624 6.00544C3.1624 3.75947 4.98311 1.93877 7.22907 1.93877C9.27112 1.93877 10.9616 3.44388 11.2518 5.40527H8.89541C7.45947 5.40527 6.29541 6.56933 6.29541 8.00527V9.96442C4.49946 9.5425 3.1624 7.93012 3.1624 6.00544ZM7.49541 8.00527C7.49541 7.23207 8.12221 6.60527 8.89541 6.60527H13.5621C14.3353 6.60527 14.9621 7.23207 14.9621 8.00527V12.6719C14.9621 13.4451 14.3353 14.0719 13.5621 14.0719H8.89541C8.12221 14.0719 7.49541 13.4451 7.49541 12.6719V8.00527Z",fillRule:"evenodd",clipRule:"evenodd"}}]},{tag:"defs",attrs:{},children:[{tag:"clipPath",attrs:{id:"graph-single_clip0_1293_28"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["graph-single_clip0_1293_28"]},ze=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"graph-single",ref:e,icon:bt}))});ze.displayName="GraphSingle";var Et={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},Ie=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"more-down-single",ref:e,icon:Et}))});Ie.displayName="MoreDownSingle";var Ot={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},Ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-down-single",ref:e,icon:Ot}))});Ke.displayName="MoveDownSingle";var yt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},Ge=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"move-up-single",ref:e,icon:yt}))});Ge.displayName="MoveUpSingle";var Tt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"mask",attrs:{id:"mask0_102_1204",style:{maskType:"alpha"},width:16,height:16,x:0,y:0,maskUnits:"userSpaceOnUse"},children:[{tag:"path",attrs:{fill:"#DCDCDC",d:"M0 0H16V16H0z"}}]},{tag:"g",attrs:{mask:"url(#mask0_102_1204)"},children:[{tag:"rect",attrs:{width:12.62,height:2.79,x:1.69,y:12.25,fill:"colorChannel1",rx:1.4}},{tag:"path",attrs:{fill:"currentColor",d:"M7.74646 2.1642C7.34284 1.65121 6.85947 1.28205 6.38447 1.09593C5.86863 0.893787 5.15166 0.852126 4.70047 1.42917C4.29842 1.94344 4.33082 2.70249 4.57691 3.50395C4.68808 3.8661 4.86846 4.22254 5.12522 4.56617C5.13695 4.58185 5.14927 4.5968 5.16211 4.61102C5.17152 4.6214 5.18122 4.63139 5.19115 4.64096C5.20459 4.65393 5.21855 4.66618 5.23296 4.6777L3.5064 6.40422C3.26756 6.64306 3.26756 7.03033 3.5064 7.26919L7.23756 11.0004C7.47648 11.2392 7.86375 11.2392 8.1026 11.0004L12.8329 6.27001C13.0717 6.03117 13.0717 5.6439 12.8329 5.40505L9.10172 1.67387C8.86288 1.43503 8.47561 1.43503 8.23676 1.67387L7.74646 2.1642ZM7.46162 4.50638C7.47252 4.57574 7.48163 4.64652 7.4888 4.71868C7.52232 5.05481 7.82194 5.30013 8.15807 5.26661C8.4942 5.23311 8.73954 4.93345 8.70601 4.59732C8.65786 4.11463 8.54251 3.6666 8.37892 3.26169L8.66928 2.97135L11.5354 5.83753L10.6106 6.76237H4.87824L7.40802 4.2326C7.42885 4.32128 7.44684 4.41255 7.46162 4.50638ZM6.87284 3.03784C6.57441 2.62008 6.22261 2.34634 5.93815 2.23487C5.80233 2.18165 5.71528 2.17827 5.67638 2.18335C5.6725 2.18387 5.66929 2.18443 5.6666 2.18497L5.6619 2.18607C5.64166 2.21954 5.53594 2.45979 5.74626 3.1449C5.81241 3.36036 5.92262 3.58602 6.09307 3.81761L6.87284 3.03784Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M12.1932 11.5463C12.6454 11.5463 13.012 11.1797 13.012 10.7275C13.012 10.4475 12.6981 9.92821 12.459 9.5733C12.3299 9.38173 12.0564 9.38174 11.9274 9.57331C11.6883 9.92822 11.3744 10.4475 11.3744 10.7275C11.3744 11.1797 11.741 11.5463 12.1932 11.5463Z"}}]}]},Xe=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"paint-bucket",ref:e,icon:Tt}))});Xe.displayName="PaintBucket";var Dt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"g",attrs:{fill:"currentColor",clipPath:"url(#text-single_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-single_clip0_1293_26"},children:[{tag:"path",attrs:{fill:"#fff",d:"M0 0H16V16H0z",transform:"translate(.9)"}}]}]}],defIds:["text-single_clip0_1293_26"]},Ye=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"text-single",ref:e,icon:Dt}))});Ye.displayName="TextSingle";var Mt={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},ke=b.forwardRef(function(r,e){return b.createElement(B,Object.assign({},r,{id:"topmost-single",ref:e,icon:Mt}))});ke.displayName="TopmostSingle";const L={id:"slide.operation.update-element",type:s.CommandType.OPERATION,handler:(r,e)=>{const{oKey:t,props:n}=e,i=r.get(s.IUniverInstanceService),a=e==null?void 0:e.unitId,o=i.getUnit(a);if(!o)return!1;const c=o.getActivePage();return c.pageElements[t]=s.Tools.deepMerge(c.pageElements[t],n),o.updatePage(c.id,c),!0}},g={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input",slidePanelColorPicker:"univer-slide-panel-color-picker"};function wt(r){const{pageId:e,unitId:t}=r,n=s.useDependency(s.LocaleService),i=s.useDependency(h.CanvasView),a=s.useDependency(s.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const u=p=>{const I=c.getAllObjects(),[f,_]=I.reduce(([E,D],T)=>{const N=T.zIndex,U=N<E?N:E,$=N>D?N:D;return[U,$]},[0,0]);let C=d.zIndex;p===3?C=f-1:p===2?C=_+1:p===0?C=d.zIndex+1:p===1&&(C=d.zIndex-1),d.setProps({zIndex:C}),a.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{zIndex:C}})};return m.jsxs("div",{className:g.imageCommonPanelGrid,children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("image-panel.arrange.title")})})}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(x.Button,{size:"small",onClick:()=>{u(0)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(Ge,{}),n.t("image-panel.arrange.forward")]})})}),m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(x.Button,{size:"small",onClick:()=>{u(1)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(Ke,{}),n.t("image-panel.arrange.backward")]})})})]}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(x.Button,{size:"small",onClick:()=>{u(2)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(ke,{}),n.t("image-panel.arrange.front")]})})}),m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(x.Button,{size:"small",onClick:()=>{u(3)},children:m.jsxs("span",{className:g.imageCommonPanelInline,children:[m.jsx(We,{}),n.t("image-panel.arrange.back")]})})})]})]})}function Ut(r){const{pageId:e,unitId:t}=r,n=s.useDependency(s.LocaleService),i=s.useDependency(h.CanvasView),a=s.useDependency(s.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const{width:u=0,height:p=0,left:I=0,top:f=0,angle:_=0}=d,[C,E]=b.useState(u),[D,T]=b.useState(p),[N,U]=b.useState(I),[$,M]=b.useState(f),[q,F]=b.useState(_),z=O=>{const{objects:ne}=O,ie=ne.values().next().value,{width:In=0,height:Pn=0,left:bn=0,top:En=0,angle:On=0}=ie;E(In),T(Pn),U(bn),M(En),F(On)};b.useEffect(()=>{const O=l.changeStart$.subscribe(ie=>{z(ie)}),ne=l.changing$.subscribe(ie=>{z(ie)});return()=>{ne.unsubscribe(),O.unsubscribe()}},[]);function H(O){!O||!d||(a.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{width:O}}),d==null||d.resize(O,d.height),E(O),l==null||l.refreshControls())}function J(O){!O||!d||(a.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{height:O}}),d==null||d.resize(d.width,O),T(O),l==null||l.refreshControls())}function Q(O){!O||!d||(a.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{left:O}}),d==null||d.translate(O,d.top),U(O),l==null||l.refreshControls())}function Y(O){!O||!d||(a.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{right:O}}),d==null||d.translate(d.left,O),M(O),l==null||l.refreshControls())}function pe(O){!O||!d||(a.executeCommand(L.id,{pageId:e,oKey:d.oKey,props:{angle:O}}),d==null||d.transformByState({angle:O}),F(O),l==null||l.refreshControls())}return m.jsxs("div",{className:w(g.imageCommonPanelGrid,g.imageCommonPanelBorder),children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("image-panel.transform.title")})})}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.width")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(x.InputNumber,{className:g.imageCommonPanelInput,min:1,value:C,onChange:O=>{H(O)}})})})]})}),m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.height")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(x.InputNumber,{className:g.imageCommonPanelInput,min:1,value:D,onChange:O=>{J(O)}})})})]})})]}),m.jsxs("div",{className:g.imageCommonPanelRow,children:[m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.x")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(x.InputNumber,{className:g.imageCommonPanelInput,precision:1,min:0,value:N,onChange:O=>{Q(O)}})})})]})}),m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.y")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(x.InputNumber,{className:g.imageCommonPanelInput,precision:1,min:0,value:$,onChange:O=>{Y(O)}})})})]})}),m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan3),children:m.jsxs("label",{children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:n.t("image-panel.transform.rotate")})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:g.imageCommonPanelColumn,children:m.jsx(x.InputNumber,{className:g.imageCommonPanelInput,precision:1,value:q,onChange:pe})})})]})})]})]})}function Nt(r){var f,_;const{pageId:e,unitId:t}=r,n=s.useDependency(s.LocaleService),i=s.useDependency(h.CanvasView),a=s.useDependency(s.ICommandService),o=i.getRenderUnitByPageId(e,t),c=o==null?void 0:o.scene;if(!c)return null;const l=c.getTransformer();if(!l)return null;const d=l.getSelectedObjectMap().values().next().value;if(!d)return null;const[u,p]=b.useState((_=(f=d.fill)==null?void 0:f.toString())!=null?_:"");function I(C){d==null||d.setProps({fill:C}),a.executeCommand(L.id,{unitId:t,oKey:d==null?void 0:d.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:C}}}}}),p(C)}return m.jsx("div",{className:w(g.imageCommonPanelGrid,g.imageCommonPanelBorder),children:m.jsxs("div",{className:g.imageCommonPanelGrid,children:[m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelTitle),children:m.jsx("div",{children:n.t("slide.panel.fill.title")})})}),m.jsx("div",{className:g.imageCommonPanelRow,children:m.jsx("div",{className:w(g.imageCommonPanelColumn,g.imageCommonPanelSpan2),children:m.jsx(x.DropdownLegacy,{align:{offset:[0,18]},overlay:m.jsx("section",{className:g.slidePanelColorPicker,children:m.jsx(x.ColorPicker,{value:"#fff",onChange:I})}),children:m.jsxs("a",{className:g.uiPluginSheetsBorderPanelButton,children:[m.jsx(Xe,{extend:{colorChannel1:u!=null?u:"rgb(var(--primary-color))"}}),m.jsx("span",{className:g.uiPluginSheetsBorderPanelMoreIcon,children:m.jsx(Ie,{})})]})})})})]})})}const xt={imageCommonPanel:"univer-image-common-panel",imageCommonPanelGrid:"univer-image-common-panel-grid",imageCommonPanelBorder:"univer-image-common-panel-border",imageCommonPanelTitle:"univer-image-common-panel-title",imageCommonPanelSubtitle:"univer-image-common-panel-subtitle",imageCommonPanelRow:"univer-image-common-panel-row",imageCommonPanelRowVertical:"univer-image-common-panel-row-vertical",imageCommonPanelColumn:"univer-image-common-panel-column",imageCommonPanelColumnCenter:"univer-image-common-panel-column-center",imageCommonPanelInline:"univer-image-common-panel-inline",imageCommonPanelSpan2:"univer-image-common-panel-span2",imageCommonPanelSpan3:"univer-image-common-panel-span3",imageCommonPanelInput:"univer-image-common-panel-input"},ae="COMPONENT_SLIDE_SIDEBAR";function Rt(){var v,d,u;const r=s.useDependency(s.IUniverInstanceService),e=s.useDependency(h.CanvasView),t=r.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SLIDE),n=(v=t==null?void 0:t.getActivePage())==null?void 0:v.id;if(!n)return null;const a=(d=e.getRenderUnitByPageId(n,n).scene)==null?void 0:d.getTransformer();if(!a)return null;const c=a.getSelectedObjectMap().values().next().value;if(!c)return null;const l=((u=r.getFocusedUnit())==null?void 0:u.getUnitId())||"";return m.jsxs("section",{className:xt.imageCommonPanel,children:[m.jsx(wt,{pageId:n,unitId:l}),m.jsx(Ut,{pageId:n,unitId:l}),c.objectType===S.ObjectType.RECT&&m.jsx(Nt,{pageId:n,unitId:l})]})}const se={id:"slide.command.insert-float-shape",type:s.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(s.ICommandService),n=(i=r.get(s.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return e.executeCommand(Pe.id,{unitId:n})}},Pe={id:"slide.operation.insert-float-shape",type:s.CommandType.OPERATION,handler:async(r,e)=>{const t=s.generateRandomId(6),n=r.get(s.IUniverInstanceService),i=e.unitId,a=n.getUnit(i);if(!a)return!1;const o=a.getActivePage(),c=Object.values(o.pageElements),l=c!=null&&c.length?Math.max(...c.map(p=>p.zIndex)):20,v={id:t,zIndex:l+1,left:378,top:142,width:250,height:250,title:t,description:"",type:s.PageElementType.SHAPE,shape:{shapeType:s.BasicShapes.Rect,text:"",shapeProperties:{shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};o.pageElements[t]=v,a.updatePage(o.id,o);const d=r.get(h.CanvasView),u=d.createObjectToPage(v,o.id,i);return u&&d.setObjectActiveByPage(u,o.id,i),!0}},be={id:"sidebar.operation.slide-shape",type:s.CommandType.COMMAND,handler:async(r,e)=>{const{visible:t,objectType:n}=e,i=r.get(P.ISidebarService),a=r.get(s.LocaleService);let o="",c="";return n===S.ObjectType.RECT?(o="slide.sidebar.shape",c=ae):n===S.ObjectType.IMAGE?(o="slide.sidebar.image",c=ae):n===S.ObjectType.RICH_TEXT&&(o="slide.sidebar.text",c=ae),t?i.open({header:{title:a.t(o)},children:{label:c},onClose:()=>{},width:360}):i.close(),!0}},Ze="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var Vt=Object.defineProperty,jt=Object.getOwnPropertyDescriptor,Bt=(r,e,t,n)=>{for(var i=n>1?void 0:n?jt(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Vt(e,t,i),i},oe=(r,e)=>(t,n)=>e(t,n,r);function Lt(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(),a=t.getViewport(K.SLIDE_KEY.VIEW);if(!a)return{x:r,y:e};const{viewportScrollX:o,viewportScrollY:c}=a,l=(r-o)*n,v=(e-c)*i;return{x:l,y:v}}h.SlideCanvasPopMangerService=class extends s.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 H,J,Q,Y;const{scene:c,engine:l}=t,{left:v,top:d,width:u,height:p}=e,I=(c.width-((J=(H=t.mainComponent)==null?void 0:H.width)!=null?J:0))/2,f=(c.height-((Y=(Q=t.mainComponent)==null?void 0:Q.height)!=null?Y:0))/2,_={left:v,right:v+u,top:d,bottom:d+p},C=l.getCanvasElement(),E=C.getBoundingClientRect(),D=S.pxToNum(C.style.width),{scaleX:T,scaleY:N}=c.getAncestorScale(),U=Lt(_,c),{top:$,left:M,width:q}=E,F=q/D;return{left:U.left*F*T+M+I,right:U.right*F*T+M+I,top:U.top*F*N+$+f,bottom:U.bottom*F*N+$+f}})(),a=new R.BehaviorSubject(i),o=new s.DisposableCollection;return{position:i,position$:a,disposable:o}}attachPopupToObject(e,t){const i=this._univerInstanceService.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SLIDE).getUnitId(),a=this._renderManagerService.getRenderById(i);if(!a)return{dispose:()=>{}};const{position:o,position$:c,disposable:l}=this._createObjectPositionObserver(e,a),v=this._globalPopupManagerService.addPopup({...t,unitId:i,subUnitId:"default",anchorRect:o,anchorRect$:c,canvasElement:a.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(v),c.complete(),l.dispose()}}}},h.SlideCanvasPopMangerService=Bt([oe(0,s.Inject(P.ICanvasPopupService)),oe(1,S.IRenderManagerService),oe(2,s.IUniverInstanceService),oe(3,s.ICommandService)],h.SlideCanvasPopMangerService);var At=Object.defineProperty,$t=Object.getOwnPropertyDescriptor,Ht=(r,e,t,n)=>{for(var i=n>1?void 0:n?$t(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&At(e,t,i),i},G=(r,e)=>(t,n)=>e(t,n,r);let ce=class extends s.RxDisposable{constructor(e,t,n,i,a,o,c){super();y(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=e,this._renderManagerService=t,this._univerInstanceService=n,this._contextService=i,this._canvasView=a,this._sidebarService=o,this._commandService=c,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(s.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(s.UniverInstanceType.UNIVER_SLIDE),n=(i=t==null?void 0:t.getPages())!=null?i:{};Object.keys(n).forEach(a=>{var v;const c=(v=this._canvasView.getRenderUnitByPageId(a,e).scene)==null?void 0:v.getTransformer();if(!c)return;let l;this.disposeWithMe(s.toDisposable(c.createControl$.subscribe(()=>{const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const u=d.values().next().value;if(!u)return;const p=u.oKey;l==null||l.dispose(),l=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(u,{componentKey:Ze,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(u.objectType,p,e)}})),this._sidebarService.visible&&this._commandService.executeCommand(be.id,{visible:!0,objectType:u.objectType})}))),this.disposeWithMe(c.clearControl$.subscribe(()=>{l==null||l.dispose(),this._contextService.setContextValue(s.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(c.changing$.subscribe(()=>{l==null||l.dispose();const d=c.getSelectedObjectMap();if(d.size>1){l==null||l.dispose();return}const u=d.values().next().value;u&&this._commandService.executeCommand(L.id,{unitId:e,oKey:u.oKey,props:{width:u.width,height:u.height,left:u.left,top:u.top}})}))})}_getMenuItemsByObjectType(e,t,n){return[{label:"slide.popup.edit",index:0,commandId:be.id,commandParams:{visible:!0,objectType:e},disable:!1},{label:"slide.popup.delete",index:5,commandId:Se.id,commandParams:{id:t,unitId:n},disable:!1}]}};ce=Ht([G(0,s.Inject(h.SlideCanvasPopMangerService)),G(1,S.IRenderManagerService),G(2,s.IUniverInstanceService),G(3,s.IContextService),G(4,s.Inject(h.CanvasView)),G(5,P.ISidebarService),G(6,s.ICommandService)],ce);const le={id:"slide.operation.edit-arrow",type:s.CommandType.OPERATION,handler:()=>!0},X=s.createInternalEditorID("SLIDE_EDITOR");var Ft=Object.defineProperty,Wt=Object.getOwnPropertyDescriptor,zt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Wt(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Ft(e,t,i),i},Ee=(r,e)=>(t,n)=>e(t,n,r);const de=s.createIdentifier("univer.slide-editor-bridge.service");let Oe=class extends s.Disposable{constructor(e,t,n){super();y(this,"_editorUnitId",X);y(this,"_isForceKeepVisible",!1);y(this,"_editorIsDirty",!1);y(this,"_currentEditRectState",null);y(this,"_currentEditRectState$",new R.BehaviorSubject(null));y(this,"currentEditRectState$",this._currentEditRectState$.asObservable());y(this,"_visibleParam",{visible:!1,eventType:S.DeviceInputEventType.Dblclick,unitId:""});y(this,"_visible$",new R.BehaviorSubject(this._visibleParam));y(this,"visible$",this._visible$.asObservable());y(this,"_afterVisible$",new R.BehaviorSubject(this._visibleParam));y(this,"afterVisible$",this._afterVisible$.asObservable());y(this,"endEditing$",new R.Subject);y(this,"_currentEditRectInfo");this._editorService=e,this._contextService=t,this._renderManagerService=n}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(e){this._currentEditRectInfo=e,this._editorService.getFocusEditor()||(this._editorService.focus(X),this._contextService.setContextValue(s.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(s.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(s.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=X,t=this._currentEditRectInfo,n=t.unitId,i=t.richTextObj.documentData;i.id=e,i.documentStyle={...i.documentStyle,pageSize:{width:t.richTextObj.width,height:1/0}};const o={documentModel:new s.DocumentDataModel(i),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:s.VerticalAlign.TOP,horizontalAlign:s.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},c=t.richTextObj.width,l=t.richTextObj.height,v=t.richTextObj.left,d=t.richTextObj.top,u={left:0,top:0},p=this._renderManagerService.getRenderById(n),I=p==null?void 0:p.scene,f=I==null?void 0:I.getViewport(K.SLIDE_KEY.VIEW),_=I==null?void 0:I.getObject(K.SLIDE_KEY.COMPONENT),C={x:(_==null?void 0:_.left)||0,y:(_==null?void 0:_.top)||0},E=(f==null?void 0:f.viewportScrollX)||0,D=(f==null?void 0:f.viewportScrollY)||0;return u.left=C.x-E,u.top=C.y-D,{position:{startX:v,startY:d,endX:v+c,endY:d+l},scaleX:1,scaleY:1,slideCardOffset:u,unitId:n,editorUnitId:e,documentLayoutObject:o}}changeEditorDirty(e){this._editorIsDirty=e}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(e){const t=this.getCurrentEditorId(),n=e.text,i=e.fs;return{id:t,body:{dataStream:`${n}\r
+`,textRuns:[{st:0,ed:n.length}],paragraphs:[{paragraphStyle:{},startIndex:n.length+1}],sectionBreaks:[{startIndex:n.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:i},renderConfig:{verticalAlign:s.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}};Oe=zt([Ee(0,V.IEditorService),Ee(1,s.IContextService),Ee(2,S.IRenderManagerService)],Oe);class Kt{constructor(){y(this,"_state",null);y(this,"_rect",null);y(this,"_state$",new R.BehaviorSubject(null));y(this,"state$",this._state$.asObservable());y(this,"_rect$",new R.BehaviorSubject(null));y(this,"rect$",this._rect$.asObservable());y(this,"_focus",!1);y(this,"_focus$",new R.BehaviorSubject(this._focus));y(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(e){this._state=e,this._refresh(e)}getRect(){return this._rect}setRect(e){this._rect=e,this._rect$.next(e)}getState(){return this._state}setFocus(e=!1){this._focus=e,this._focus$.next(e)}_refresh(e){this._state$.next(e)}}const ye=s.createIdentifier("univer.slide-editor-manager.service");var W=(r=>(r[r.InitialState=0]="InitialState",r[r.StartEditor=1]="StartEditor",r[r.CursorChange=2]="CursorChange",r))(W||{}),Gt=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,Yt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Xt(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Gt(e,t,i),i},A=(r,e)=>(t,n)=>e(t,n,r);const Je=-1e3,Qe=5,kt=2;let Te=class extends s.Disposable{constructor(e,t,n,i,a,o,c,l,v,d,u,p){super();y(this,"_cursorChange",W.InitialState);y(this,"_isUnitEditing",!1);y(this,"_d");this._renderContext=e,this._layoutService=t,this._undoRedoService=n,this._contextService=i,this._instanceSrv=a,this._renderManagerService=o,this._editorBridgeService=c,this._cellEditorManagerService=l,this._textSelectionManagerService=v,this._commandService=d,this._localService=u,this._editorService=p,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(s.UniverInstanceType.UNIVER_SLIDE).subscribe(I=>{I&&I.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:S.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 s.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(re.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(re.DocSkeletonManagerService).getViewModel()}_initialCursorSync(e){e.add(this._cellEditorManagerService.focus$.pipe(R.filter(t=>!!t)).subscribe(()=>{var n;const t=(n=this._renderManagerService.getCurrentTypeOfRenderer(s.UniverInstanceType.UNIVER_DOC))==null?void 0:n.with(V.DocSelectionRenderService);t&&t.sync()}))}_subscribeToCurrentCell(e){e.add(this._editorBridgeService.currentEditRectState$.subscribe(t=>{var p;if(t==null||this._contextService.getContextValue(s.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(s.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX:n,endX:i},documentLayoutObject:{textRotation:a,wrapStrategy:o,documentModel:c},scaleX:l,editorUnitId:v}=t,{vertexAngle:d}=S.convertTextRotation(a);c.updateDocumentId(v),o===s.WrapStrategy.WRAP&&d===0&&c.updateDocumentDataPageSize((i-n)/l),this._instanceSrv.changeDoc(v,c),this._contextService.setContextValue(s.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]);const u=(p=this._renderManagerService.getCurrentTypeOfRenderer(s.UniverInstanceType.UNIVER_DOC))==null?void 0:p.with(V.DocSelectionRenderService);u&&u.activate(Je,Je)}))}_fitTextSize(e,t,n,i,a=1,o=1){const{startX:c,startY:l,endX:v,endY:d}=e,u=i.documentModel;if(u==null)return;const{actualWidth:p,actualHeight:I}=this._predictingSize(e,t,n,i,a,o),{verticalAlign:f,paddingData:_,fill:C}=i;let E=v-c,D=d-l;if(E<p&&(E=p),D<I)D=I,u.updateDocumentDataMargin(_);else{let T=0;f===s.VerticalAlign.MIDDLE?T=(D-I)/2/o:f===s.VerticalAlign.TOP?T=_.t||0:T=(D-I)/o-(_.b||0),T=T<(_.t||0)?_.t||0:T,u.updateDocumentDataMargin({t:T})}n.calculate(),this._editAreaProcessing(E,D,e,t,C,a,o)}_predictingSize(e,t,n,i,a=1,o=1){const{startX:c,endX:l}=e,{textRotation:v,wrapStrategy:d}=i,u=i.documentModel,{vertexAngle:p}=S.convertTextRotation(v),I=document.body.clientWidth;if(d===s.WrapStrategy.WRAP&&p===0){const{actualWidth:C,actualHeight:E}=n.getActualSize();return{actualWidth:C*a,actualHeight:E*o}}u==null||u.updateDocumentDataPageSize((I-c-t.left)/a),n.calculate();const f=n.getActualSize();let _=l-c;return _<f.actualWidth*a+Qe*a&&(_=f.actualWidth*a+Qe*a),u==null||u.updateDocumentDataPageSize(_/a),u==null||u.updateDocumentRenderConfig({horizontalAlign:s.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:_,actualHeight:f.actualHeight*o}}_editAreaProcessing(e,t,n,i,a,o=1,c=1){var O;const l=this._getEditorObject();if(l==null)return;function v(ne){return Number.parseInt(ne.replace("px",""))}const u=this._renderContext.engine.getCanvasElement(),p=u.getBoundingClientRect(),I=v(u.style.width),{top:f,left:_,width:C}=p,E=C/I;let{startX:D,startY:T}=n;D+=i.left,T+=i.top;const{document:N,scene:U,engine:$}=l,M=U.getViewport(V.VIEWPORT_KEY.VIEW_MAIN),q=document.body.clientHeight-T-i.top-kt*2,F=document.body.clientWidth-D-i.left;let z=t,H=M==null?void 0:M.getScrollBar();z>q?(z=q,H==null?M&&new S.ScrollBar(M,{enableHorizontal:!1,barSize:8}):M==null||M.resetCanvasSizeAndUpdateScroll()):(H=null,(O=M==null?void 0:M.getScrollBar())==null||O.dispose()),e+=(H==null?void 0:H.barSize)||0,e=Math.min(e,F),D-=S.FIX_ONE_PIXEL_BLUR_OFFSET,T-=S.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(U,e/o,t/c,a);const{scaleX:J,scaleY:Q}=U.getPrecisionScale();U.transformByState({width:e*E/o,height:t*E/c,scaleX:o*E,scaleY:c*E}),N.resize(e/o,t/c),setTimeout(()=>{$.resizeBySize(S.fixLineWidthByScale(e,J),S.fixLineWidthByScale(z,Q))},0);const Y=this._layoutService.getContentElement().getBoundingClientRect(),pe=u.getBoundingClientRect();D=D*E+(pe.left-Y.left),T=T*E+(pe.top-Y.top),this._cellEditorManagerService.setState({startX:D,startY:T,endX:e*E+D,endY:z*E+T,show:!0})}_addBackground(e,t,n,i){const a="_backgroundRectHelperColor_",o=e.getObject(a);o==null&&i==null||(o==null?e.addObjects([new S.Rect(a,{width:t,height:n,fill:i,evented:!1})],V.DOCS_COMPONENT_MAIN_LAYER_INDEX):i==null?o.dispose():(o.setProps({fill:i}),o.transformByState({width:t,height:n})))}_handleEditorVisible(e){var C,E;const{eventType:t}=e;this._cursorChange=[S.DeviceInputEventType.PointerDown,S.DeviceInputEventType.Dblclick].includes(t)?W.CursorChange:W.StartEditor;const n=this._editorBridgeService.getEditRectState();if(n==null)return;const{position:i,documentLayoutObject:a,slideCardOffset:o,scaleX:c,scaleY:l,editorUnitId:v,unitId:d}=n,u=this._getEditorObject();if(u==null)return;const{scene:p}=u;this._contextService.setContextValue(s.EDITOR_ACTIVATED,!0);const{documentModel:I}=a,f=this._getEditorSkeleton(v);if(!f||!I)return;this._fitTextSize(i,o,f,a,c,l);const _=I.getBody().dataStream.length-2||0;(C=p.getViewport(V.VIEWPORT_KEY.VIEW_MAIN))==null||C.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:_,endOffset:_}]),(E=this._renderManagerService.getRenderById(d))==null||E.scene.resetCursor()}_resetBodyStyle(e,t=!1){e.dataStream=s.DEFAULT_EMPTY_DOCUMENT_VALUE,e.textRuns!=null&&(e.textRuns.length===1&&!t?(e.textRuns[0].st=0,e.textRuns[0].ed=1):e.textRuns=void 0),e.paragraphs!=null&&(e.paragraphs.length===1?e.paragraphs[0].startIndex=0:e.paragraphs=[{startIndex:0}]),e.sectionBreaks!=null&&(e.sectionBreaks=void 0),e.tables!=null&&(e.tables=void 0),e.customRanges!=null&&(e.customRanges=void 0),e.customBlocks!=null&&(e.customBlocks=void 0)}_initialKeyboardListener(e){}_showEditorByKeyboard(e){}_commandExecutedListener(e){const t=[le.id],n=[re.RichTextEditingMutation.id];e.add(this._commandService.onCommandExecuted(i=>{this._editorService.getFocusId()===X&&(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===W.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 Zt(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(e){const{keycode:t}=e;if(this._cursorChange=W.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(s.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(s.Direction.LEFT,e){case P.KeyCode.ENTER:s.Direction.DOWN;break;case P.KeyCode.TAB:s.Direction.RIGHT;break;case P.KeyCode.ARROW_DOWN:s.Direction.DOWN;break;case P.KeyCode.ARROW_UP:s.Direction.UP;break;case P.KeyCode.ARROW_LEFT:s.Direction.LEFT;break;case P.KeyCode.ARROW_RIGHT:s.Direction.RIGHT;break}}_cursorStateListener(e){const t=this._getEditorObject();if(!t)return;const{document:n}=t;e.add(s.toDisposable(n.onPointerDown$.subscribeEvent(()=>{this._cursorChange===W.StartEditor&&(this._cursorChange=W.CursorChange)})))}_moveInEditor(e,t){let n=s.Direction.LEFT;e===P.KeyCode.ARROW_DOWN?n=s.Direction.DOWN:e===P.KeyCode.ARROW_UP?n=s.Direction.UP:e===P.KeyCode.ARROW_RIGHT&&(n=s.Direction.RIGHT),t?this._commandService.executeCommand(V.MoveSelectionOperation.id,{direction:n}):this._commandService.executeCommand(V.MoveCursorOperation.id,{direction:n})}};Te=Yt([A(1,P.ILayoutService),A(2,s.IUndoRedoService),A(3,s.IContextService),A(4,s.IUniverInstanceService),A(5,S.IRenderManagerService),A(6,de),A(7,ye),A(8,s.Inject(re.DocSelectionManagerService)),A(9,s.ICommandService),A(10,s.Inject(s.LocaleService)),A(11,V.IEditorService)],Te);function Zt(r,e){if(r==null)return;const t=e.getRenderById(r);if(t==null)return;const{mainComponent:n,scene:i,engine:a,components:o}=t,c=n,l=o.get(V.DOCS_VIEW_KEY.BACKGROUND);return{document:c,docBackground:l,scene:i,engine:a}}var qt=Object.defineProperty,Jt=Object.getOwnPropertyDescriptor,Qt=(r,e,t,n)=>{for(var i=n>1?void 0:n?Jt(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&qt(e,t,i),i},De=(r,e)=>(t,n)=>e(t,n,r);let Me=class extends s.RxDisposable{constructor(e,t,n,i){super();y(this,"setSlideTextEditor$",new R.Subject);y(this,"_curRichText",null);y(this,"_d");this._renderContext=e,this._instanceSrv=t,this._commandService=n,this._editorBridgeService=i,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(s.UniverInstanceType.UNIVER_SLIDE).subscribe(a=>{a&&a.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const e=new s.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,a=this._renderContext.unitId,o={scene:n,engine:i,unitId:a,pageId:e,richTextObj:t};this._editorBridgeService.setEditorRect(o)}_initEventListener(e){const t=o=>{const c=o.getTransformer();c&&(e.add(c.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),e.add(c.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),e.add(o.onDblclick$.subscribeEvent(()=>{c.clearControls();const v=c.getSelectedObjectMap().values().next().value;v&&(v.objectType!==S.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(o.sceneKey,v))})),e.add(this._instanceSrv.focused$.subscribe(l=>{this.endEditing()})))},{mainComponent:n}=this._renderContext;n.subSceneChanged$.subscribeEvent(o=>{t(o)});const a=Array.from(n.getSubScenes().values());for(let o=0;o<a.length;o++){const c=a[o];t(c)}}pickOtherObjects(){this.endEditing()}endEditing(){var a;if(!this._curRichText)return;this.setEditorVisible(!1);const e=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(s.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=(a=e.documentData.body)==null?void 0:a.textRuns;if(i&&i.length){const c=i[0].ts;n.cl=c==null?void 0:c.cl}this._commandService.executeCommand(L.id,{unitId:this._renderContext.unitId,oKey:e==null?void 0:e.oKey,props:{richText:n}}),this._curRichText=null}startEditing(e,t){this._setEditorRect(e,t),this.setEditorVisible(!0)}setEditorVisible(e){var n,i;e?(n=this._curRichText)==null||n.hide():(i=this._curRichText)==null||i.show();const{unitId:t}=this._renderContext;this._editorBridgeService.changeVisible({visible:e,eventType:S.DeviceInputEventType.PointerDown,unitId:t})}};Me=Qt([De(1,s.IUniverInstanceService),De(2,s.ICommandService),De(3,de)],Me);const we={id:"slide.operation.activate-slide",type:s.CommandType.OPERATION,handler:(r,e)=>{var v,d;const t=e.unitId,n=r.get(h.CanvasView),a=r.get(s.IUniverInstanceService).getUnit(t),o=(v=a==null?void 0:a.getActivePage())==null?void 0:v.id;if(!o)return!1;const c=n.getRenderUnitByPageId(o,t);if(!c)return!1;const l=(d=c.scene)==null?void 0:d.getTransformer();return l&&l.clearControls(),n.activePage(e.id,t),!0}},Ue={id:"slide.operation.append-slide",type:s.CommandType.OPERATION,handler:(r,e)=>{const t=e.unitId;return r.get(s.IUniverInstanceService).getUnit(t)?(r.get(h.CanvasView).appendPage(t),!0):!1}},me={id:"slide.command.insert-float-image",type:s.CommandType.COMMAND,handler:async(r,e)=>{var $;const t=r.get(s.IUniverInstanceService),n=($=t.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SLIDE))==null?void 0:$.getUnitId();if(!n)return!1;const a=await r.get(P.ILocalFileService).openFile({multiple:!0,accept:fe.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(M=>`.${M.replace("image/","")}`).join(",")});if(a.length!==1)return!1;const c=await r.get(fe.IImageIoService).saveImage(a[0]);if(!c)return!1;const{imageId:l,imageSourceType:v,source:d,base64Cache:u}=c,{width:p,height:I,image:f}=await fe.getImageSize(u||""),_=t.getUnit(n);if(!_)return!1;const C=_.getActivePage(),E=Object.values(C.pageElements),D=E!=null&&E.length?Math.max(...E.map(M=>M.zIndex)):20,T={id:l,zIndex:D+1,left:0,top:0,width:p,height:I,title:"",description:"",type:s.PageElementType.IMAGE,image:{imageProperties:{contentUrl:u,imageSourceType:v,source:d,base64Cache:u,image:f}}};C.pageElements[l]=T,_.updatePage(C.id,C);const N=r.get(h.CanvasView),U=N.createObjectToPage(T,C.id,n);return U&&N.setObjectActiveByPage(U,C.id,n),!0}},ue={id:"slide.command.add-text",type:s.CommandType.COMMAND,handler:async r=>{var i;const e=r.get(s.ICommandService),n=(i=r.get(s.IUniverInstanceService).getFocusedUnit())==null?void 0:i.getUnitId();return await e.executeCommand(Ne.id,{unitId:n})}},Ne={id:"slide.operation.add-text",type:s.CommandType.OPERATION,handler:async(r,e)=>{const t=e.unitId,n=s.generateRandomId(6),i=220,a=40,o=230,c=142,l=(e==null?void 0:e.text)||"A New Text",d=r.get(s.IUniverInstanceService).getUnit(t);if(!d)return!1;const u=d.getActivePage(),p=Object.values(u.pageElements),I=p!=null&&p.length?Math.max(...p.map(E=>E.zIndex)):21,f={id:n,zIndex:I+1,left:o,top:c,width:i,height:a,title:"text",description:"",type:s.PageElementType.TEXT,richText:{text:l,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};u.pageElements[n]=f,d.updatePage(u.id,u);const _=r.get(h.CanvasView),C=_.createObjectToPage(f,u.id,t);return C&&_.setObjectActiveByPage(C,u.id,t),!0}},xe={id:"slide.operation.set-slide-page-thumb",type:s.CommandType.OPERATION,handler:(r,e)=>(r.get(h.CanvasView).createThumbs(e.unitId),!0)},te={imagePopupMenu:"univer-image-popup-menu",imagePopupMenuItem:"univer-image-popup-menu-item",imagePopupMenuItemIcon:"univer-image-popup-menu-item-icon",imagePopupMenuItemTitle:"univer-image-popup-menu-item-title",imagePopupMenuItemHide:"univer-image-popup-menu-item-hide",btnContainer:"univer-btn-container",btnContainerExpand:"univer-btn-container-expand"},en=r=>{var f,_;const e=(_=(f=r.popup)==null?void 0:f.extraProps)==null?void 0:_.menuItems;if(!e)return null;const t=s.useDependency(s.ICommandService),n=s.useDependency(s.LocaleService),[i,a]=b.useState(!1),[o,c]=b.useState(!1),l=()=>{c(!0)},v=()=>{c(!1)},d=C=>{a(C)},u=C=>{t.executeCommand(C.commandId,C.commandParams),a(!1)},p=i||o,I=e.filter(C=>!C.disable);return m.jsx("div",{onMouseEnter:l,onMouseLeave:v,children:m.jsx(x.DropdownLegacy,{placement:"bottomLeft",trigger:["click"],overlay:m.jsx("ul",{className:te.imagePopupMenu,children:I.map(C=>m.jsx("li",{onClick:()=>u(C),className:te.imagePopupMenuItem,children:m.jsx("span",{className:te.imagePopupMenuItemTitle,children:n.t(C.label)})},C.index))}),visible:i,onVisibleChange:d,children:m.jsxs("div",{className:w(te.btnContainer,{[te.btnContainerExpand]:i}),children:[m.jsx(Fe,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),p&&m.jsx(Ie,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},k={slideBar:"univer-slide-bar",slideBarContent:"univer-slide-bar-content",slideBarContentHeader:"univer-slide-bar-content-header",slideBarItem:"univer-slide-bar-item",slideBarBox:"univer-slide-bar-box",slideBarItemActive:"univer-slide-bar-item-active",slideAddButton:"univer-slide-add-button"};function et(){var f,_;const r=s.useDependency(s.IUniverInstanceService),e=s.useDependency(s.ICommandService),t=s.useDependency(S.IRenderManagerService),n=s.useDependency(s.LocaleService),i=b.useRef(null),a=r.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SLIDE),o=a==null?void 0:a.getPages(),c=a==null?void 0:a.getPageOrder();if(!o||!c)return null;const l=c.map(C=>o[C]),[v,d]=b.useState((_=(f=a==null?void 0:a.getActivePage())==null?void 0:f.id)!=null?_:null),u=b.useMemo(()=>l.map(()=>b.createRef()),[l]);b.useEffect(()=>{const C=a==null?void 0:a.activePage$.subscribe(E=>{var T;const D=(T=E==null?void 0:E.id)!=null?T:null;D&&d(D)});return()=>{C==null||C.unsubscribe()}},[]),b.useEffect(()=>{u.forEach((C,E)=>{var D;if(C.current){const T=l[E];(D=t.getRenderById(T.id))==null||D.engine.setContainer(C.current)}}),u.length>0&&e.syncExecuteCommand(xe.id,{unitId:a==null?void 0:a.getUnitId()})},[u,l,t,e,a]);const p=b.useCallback(C=>{e.syncExecuteCommand(we.id,{id:C,unitId:a==null?void 0:a.getUnitId()})},[e,a]),I=b.useCallback(()=>{e.syncExecuteCommand(Ue.id,{unitId:a==null?void 0:a.getUnitId()})},[e,a]);return m.jsx("aside",{className:k.slideBar,ref:i,children:m.jsx(x.Scrollbar,{children:m.jsxs("div",{className:k.slideBarContent,children:[m.jsx("header",{className:k.slideBarContentHeader,children:m.jsx("a",{onClick:I,children:n.t("slide.append")})}),l.map((C,E)=>m.jsxs("div",{className:w(k.slideBarItem,{[k.slideBarItemActive]:C.id===v}),onClick:()=>p(C.id),children:[m.jsx("span",{children:E+1}),m.jsx("div",{ref:u[E],className:k.slideBarBox})]},C.id))]})})})}const tn={slideEditorContainer:"univer-slide-editor-container",editorInput:"univer-editor-input"},ge=-1e3,tt={width:0,height:0,top:ge,left:ge},nt=()=>{const[r,e]=b.useState({...tt}),t=s.useDependency(ye),n=s.useDependency(V.IEditorService),i=s.useDependency(s.IContextService),a=P.useObservable(()=>i.subscribeContextValue$(P.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[i,P.DISABLE_AUTO_FOCUS_KEY]);return`${s.DEFAULT_EMPTY_DOCUMENT_VALUE}`,s.DocumentFlavor.UNSPECIFIED,b.useEffect(()=>{t.state$.subscribe(o=>{if(o==null)return;const{startX:c=ge,startY:l=ge,endX:v=0,endY:d=0,show:u=!1}=o;if(!u)e({...tt});else{e({width:v-c-S.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:d-l-S.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:c+S.FIX_ONE_PIXEL_BLUR_OFFSET,top:l+S.FIX_ONE_PIXEL_BLUR_OFFSET});const p=n.getEditor(X);if(p==null)return;const{left:I,top:f,width:_,height:C}=p.getBoundingClientRect();t.setRect({left:I,top:f,width:_,height:C})}})},[]),b.useEffect(()=>{a||t.setFocus(!0)},[a,r]),m.jsx("div",{className:tn.slideEditorContainer,style:{left:r.left,top:r.top,width:r.width,height:r.height}})},it="addition-and-subtraction-single",Re="slide.menu.image";function nn(r){return{id:Re,type:P.MenuItemType.SUBITEMS,icon:it,tooltip:"slide.image.insert.title",hidden$:P.getMenuHiddenObservable(r,s.UniverInstanceType.UNIVER_SLIDE)}}function rn(r){return{id:me.id,title:"slide.image.insert.float",type:P.MenuItemType.BUTTON,hidden$:P.getMenuHiddenObservable(r,s.UniverInstanceType.UNIVER_SLIDE)}}const rt="graph-single",Ve="slide.menu.shape";function an(r){return{id:Ve,type:P.MenuItemType.SUBITEMS,icon:rt,tooltip:"slide.shape.insert.title",hidden$:P.getMenuHiddenObservable(r,s.UniverInstanceType.UNIVER_SLIDE)}}function sn(r){return{id:se.id,title:"slide.shape.insert.rectangle",type:P.MenuItemType.BUTTON,hidden$:P.getMenuHiddenObservable(r,s.UniverInstanceType.UNIVER_SLIDE)}}const at="text-single";function on(r){return{id:ue.id,type:P.MenuItemType.BUTTON,icon:at,tooltip:"slide.text.insert.title",hidden$:P.getMenuHiddenObservable(r,s.UniverInstanceType.UNIVER_SLIDE)}}const st={[P.RibbonStartGroup.FORMAT]:{[ue.id]:{order:0,menuItemFactory:on},[Re]:{order:0,menuItemFactory:nn,[me.id]:{order:0,menuItemFactory:rn}},[Ve]:{order:0,menuItemFactory:an,[se.id]:{order:0,menuItemFactory:sn}}}};function je(r){return r.getContextValue(s.FOCUSING_UNIVER_EDITOR)&&r.getContextValue(s.EDITOR_ACTIVATED)}function cn(r){return r.getContextValue(s.FORMULA_EDITOR_ACTIVATED)&&r.getContextValue(s.FOCUSING_UNIVER_EDITOR)}const ot=[P.KeyCode.ARROW_DOWN,P.KeyCode.ARROW_UP,P.KeyCode.ARROW_LEFT,P.KeyCode.ARROW_RIGHT];[P.KeyCode.ENTER,P.KeyCode.TAB,...ot];function ln(){const r=[];for(const e of ot)r.push({id:le.id,binding:e,preconditions:t=>je(t),staticParameters:{visible:!1,eventType:S.DeviceInputEventType.Keyboard,keycode:e,isShift:!1}}),r.push({id:le.id,binding:e|P.MetaKeys.SHIFT,preconditions:t=>je(t),staticParameters:{visible:!1,eventType:S.DeviceInputEventType.Keyboard,keycode:e,isShift:!0}});return r}const dn={id:V.DeleteLeftCommand.id,preconditions:r=>je(r)||cn(r),binding:P.KeyCode.BACKSPACE};var mn=Object.defineProperty,un=Object.getOwnPropertyDescriptor,gn=(r,e,t,n)=>{for(var i=n>1?void 0:n?un(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&mn(e,t,i),i},Z=(r,e)=>(t,n)=>e(t,n,r);h.SlidesUIController=class extends s.Disposable{constructor(e,t,n,i,a,o){super(),this._injector=e,this._menuManagerService=t,this._componentManager=n,this._uiPartsService=i,this._commandService=a,this._shortcutService=o,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(st)}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(it,He)),this.disposeWithMe(e.register(at,Ye)),this.disposeWithMe(e.register(rt,ze)),this.disposeWithMe(e.register(Ze,en)),this.disposeWithMe(e.register(ae,Rt))}_initCommands(){[Ue,we,xe,me,Ne,ue,Pe,se,be,Se,L,le].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(P.BuiltInUIPart.LEFT_SIDEBAR,()=>s.connectInjector(et,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(P.BuiltInUIPart.CONTENT,()=>s.connectInjector(nt,this._injector)))}_initShortcuts(){[dn,...ln()].forEach(e=>{this.disposeWithMe(this._shortcutService.registerShortcut(e))})}},h.SlidesUIController=gn([Z(0,s.Inject(s.Injector)),Z(1,P.IMenuManagerService),Z(2,s.Inject(P.ComponentManager)),Z(3,P.IUIPartsService),Z(4,s.ICommandService),Z(5,P.IShortcutService)],h.SlidesUIController);var hn=Object.defineProperty,vn=Object.getOwnPropertyDescriptor,Cn=(r,e,t,n)=>{for(var i=n>1?void 0:n?vn(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&hn(e,t,i),i},Be=(r,e)=>(t,n)=>e(t,n,r);let he=class extends s.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$(s.UniverInstanceType.UNIVER_SLIDE).pipe(R.takeUntil(this.dispose$)).subscribe(r=>{this._createRenderer(r==null?void 0:r.getUnitId())}),this._instanceSrv.getAllUnitsForType(s.UniverInstanceType.UNIVER_SLIDE).forEach(r=>{this._createRenderer(r.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(s.UniverInstanceType.UNIVER_SLIDE).pipe(R.takeUntil(this.dispose$)).subscribe(r=>this._disposeRenderer(r))}_createRenderer(r){r==null||this._instanceSrv.getUnit(r,s.UniverInstanceType.UNIVER_SLIDE)==null||(this._renderManagerService.createRender(r),this._renderManagerService.setCurrent(r))}_disposeRenderer(r){const e=r.getUnitId();this._renderManagerService.removeRender(e)}_initContextListener(){}};he=Cn([Be(0,s.IContextService),Be(1,s.IUniverInstanceService),Be(2,S.IRenderManagerService)],he);var pn=Object.defineProperty,fn=Object.getOwnPropertyDescriptor,_n=(r,e,t,n)=>{for(var i=n>1?void 0:n?fn(e,t):e,a=r.length-1,o;a>=0;a--)(o=r[a])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&pn(e,t,i),i},ve=(r,e)=>(t,n)=>e(t,n,r);const Sn="SLIDE_UI";h.UniverSlidesUIPlugin=(Ce=class extends s.Plugin{constructor(e=Le,t,n,i,a){super(),this._config=e,this._injector=t,this._renderManagerService=n,this._univerInstanceService=i,this._configService=a;const{menu:o,...c}=s.merge({},Le,this._config);o&&this._configService.setConfig("menu",o,{merge:!0}),this._configService.setConfig(vt,c)}onStarting(){s.mergeOverrideWithDependencies([[he],[de,{useClass:Oe}],[ye,{useClass:Kt}],[h.SlideCanvasPopMangerService]],this._config.override).forEach(e=>this._injector.add(e))}onReady(){[[ee]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(s.UniverInstanceType.UNIVER_SLIDE,e))}),s.mergeOverrideWithDependencies([[h.CanvasView],[h.SlidesUIController],[ee],[ce]],this._config.override).forEach(e=>{this._injector.add(e)}),this._injector.get(h.CanvasView),this._injector.get(he)}onRendered(){[[Me],[Te]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(s.UniverInstanceType.UNIVER_SLIDE,e))}),this._markSlideAsFocused(),this._injector.get(h.SlidesUIController)}onSteady(){this._injector.get(ce)}_markSlideAsFocused(){const e=this._univerInstanceService;try{const t=e.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},y(Ce,"pluginName",Sn),y(Ce,"type",s.UniverInstanceType.UNIVER_SLIDE),Ce),h.UniverSlidesUIPlugin=_n([ve(1,s.Inject(s.Injector)),ve(2,S.IRenderManagerService),ve(3,s.IUniverInstanceService),ve(4,s.IConfigService)],h.UniverSlidesUIPlugin),h.ActivateSlidePageOperation=we,h.AppendSlideOperation=Ue,h.DeleteSlideElementOperation=Se,h.ISlideEditorBridgeService=de,h.InsertSlideFloatImageCommand=me,h.InsertSlideShapeRectangleCommand=se,h.InsertSlideShapeRectangleOperation=Pe,h.SHAPE_MENU_ID=Ve,h.SLIDES_IMAGE_MENU_ID=Re,h.SLIDE_EDITOR_ID=X,h.SetSlidePageThumbOperation=xe,h.SlideAddTextCommand=ue,h.SlideAddTextOperation=Ne,h.SlideEditorContainer=nt,h.SlideSideBar=et,h.SlidesUIMenuSchema=st,h.UpdateSlideElementOperation=L,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "0.5.5",
+  "version": "0.6.0-alpha.0",
   "private": false,
   "description": "Univer normal ui-plugin-slides",
   "author": "DreamNum <developer@univer.ai>",
@@ -50,20 +50,20 @@
     "lib"
   ],
   "peerDependencies": {
-    "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
+    "react": ">=16.9.0 || >=17 || >=18 || >=19",
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/icons": "^0.2.12",
+    "@univerjs/icons": "^0.2.14",
     "clsx": "^2.1.1",
-    "@univerjs/core": "0.5.5",
-    "@univerjs/docs": "0.5.5",
-    "@univerjs/drawing": "0.5.5",
-    "@univerjs/design": "0.5.5",
-    "@univerjs/docs-ui": "0.5.5",
-    "@univerjs/engine-render": "0.5.5",
-    "@univerjs/ui": "0.5.5",
-    "@univerjs/slides": "0.5.5"
+    "@univerjs/docs-ui": "0.6.0-alpha.0",
+    "@univerjs/core": "0.6.0-alpha.0",
+    "@univerjs/drawing": "0.6.0-alpha.0",
+    "@univerjs/docs": "0.6.0-alpha.0",
+    "@univerjs/engine-render": "0.6.0-alpha.0",
+    "@univerjs/slides": "0.6.0-alpha.0",
+    "@univerjs/ui": "0.6.0-alpha.0",
+    "@univerjs/design": "0.6.0-alpha.0"
   },
   "devDependencies": {
     "less": "^4.2.1",
@@ -71,10 +71,10 @@
     "react": "18.3.1",
     "rxjs": "^7.8.1",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.2",
+    "typescript": "^5.7.3",
     "vite": "^6.0.7",
     "vitest": "^2.1.8",
-    "@univerjs-infra/shared": "0.5.5"
+    "@univerjs-infra/shared": "0.6.0-alpha.0"
   },
   "scripts": {
     "test": "vitest run",