@univerjs/slides-ui 0.4.1 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/cjs/index.js +1 -1
  2. package/lib/es/index.js +1 -1
  3. package/lib/umd/index.js +1 -1
  4. package/package.json +11 -11
package/lib/cjs/index.js CHANGED
@@ -7,4 +7,4 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */var f=React,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;g!==void 0&&(e=""+g),a.key!==void 0&&(e=""+a.key),a.ref!==void 0&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)d[b]===void 0&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}__name(q,"q");reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;jsxRuntime.exports=reactJsxRuntime_production_min;var jsxRuntimeExports=jsxRuntime.exports;function r(e){var t,f2,n2="";if(typeof e=="string"||typeof e=="number")n2+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f2=r(e[t]))&&(n2&&(n2+=" "),n2+=f2)}else for(f2 in e)e[f2]&&(n2&&(n2+=" "),n2+=f2);return n2}__name(r,"r");function clsx(){for(var e,t,f2=0,n2="",o=arguments.length;f2<o;f2++)(e=arguments[f2])&&(t=r(e))&&(n2&&(n2+=" "),n2+=t);return n2}__name(clsx,"clsx");var __assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n2=arguments.length;i<n2;i++){s=arguments[i];for(var p2 in s)Object.prototype.hasOwnProperty.call(s,p2)&&(t[p2]=s[p2])}return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p2 in s)Object.prototype.hasOwnProperty.call(s,p2)&&e.indexOf(p2)<0&&(t[p2]=s[p2]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p2=Object.getOwnPropertySymbols(s);i<p2.length;i++)e.indexOf(p2[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p2[i])&&(t[p2[i]]=s[p2[i]]);return t},IconBase=React.forwardRef(function(props,ref){var icon=props.icon,id=props.id,className=props.className,extend=props.extend,restProps=__rest(props,["icon","id","className","extend"]),cls="univerjs-icon univerjs-icon-".concat(id," ").concat(className||"").trim(),idSuffix=React.useRef("_".concat(generateShortUuid()));return render(icon,"".concat(id),{defIds:icon.defIds,idSuffix:idSuffix.current},__assign({ref,className:cls},restProps),extend)});function render(node,id,runtimeProps,rootProps,extend){return React.createElement(node.tag,__assign(__assign({key:id},replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend)),rootProps),(replaceRuntimeIdsInDefs(node,runtimeProps).children||[]).map(function(child,index){return render(child,"".concat(id,"-").concat(node.tag,"-").concat(index),runtimeProps,void 0,extend)}))}__name(render,"render");function replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend){var attrs=__assign({},node.attrs);extend!=null&&extend.colorChannel1&&attrs.fill==="colorChannel1"&&(attrs.fill=extend.colorChannel1);var defIds=runtimeProps.defIds;return!defIds||defIds.length===0||(node.tag==="use"&&attrs["xlink:href"]&&(attrs["xlink:href"]=attrs["xlink:href"]+runtimeProps.idSuffix),Object.entries(attrs).forEach(function(_a11){var key=_a11[0],value=_a11[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a11,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a11=node.children)===null||_a11===void 0)&&_a11.length)?__assign(__assign({},node),{children:node.children.map(function(child){return typeof child.attrs.id=="string"&&defIds&&defIds.indexOf(child.attrs.id)>-1?__assign(__assign({},child),{attrs:__assign(__assign({},child.attrs),{id:child.attrs.id+runtimeProps.idSuffix})}):child})}):node}__name(replaceRuntimeIdsInDefs,"replaceRuntimeIdsInDefs");function generateShortUuid(){return Math.random().toString(36).substring(2,8)}__name(generateShortUuid,"generateShortUuid");IconBase.displayName="UniverIcon";var element$9={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"}}]},AddImageSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"add-image-single",ref,icon:element$9}))});AddImageSingle.displayName="AddImageSingle";var element$8={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z",fillRule:"evenodd",clipRule:"evenodd"}}]},Autofill=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"autofill",ref,icon:element$8}))});Autofill.displayName="Autofill";var element$7={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},BottomSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"bottom-single",ref,icon:element$7}))});BottomSingle.displayName="BottomSingle";var element$6={tag:"svg",attrs:{fill:"none",viewBox:"0 0 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"]},GraphSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"graph-single",ref,icon:element$6}))});GraphSingle.displayName="GraphSingle";var element$5={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},MoreDownSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"more-down-single",ref,icon:element$5}))});MoreDownSingle.displayName="MoreDownSingle";var element$4={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},MoveDownSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"move-down-single",ref,icon:element$4}))});MoveDownSingle.displayName="MoveDownSingle";var element$3={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},MoveUpSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"move-up-single",ref,icon:element$3}))});MoveUpSingle.displayName="MoveUpSingle";var element$2={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"}}]}]},PaintBucket=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"paint-bucket",ref,icon:element$2}))});PaintBucket.displayName="PaintBucket";var element$1={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"]},TextSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"text-single",ref,icon:element$1}))});TextSingle.displayName="TextSingle";var element={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},TopmostSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"topmost-single",ref,icon:element}))});TopmostSingle.displayName="TopmostSingle";const UpdateSlideElementOperation={id:"slide.operation.update-element",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const{oKey,props}=params,univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=params==null?void 0:params.unitId,slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage();return activePage.pageElements[oKey]=core.Tools.deepMerge(activePage.pageElements[oKey],props),slideData.updatePage(activePage.id,activePage),!0},"handler")},imageCommonPanel$1="univer-image-common-panel",imageCommonPanelGrid$1="univer-image-common-panel-grid",imageCommonPanelBorder$1="univer-image-common-panel-border",imageCommonPanelTitle$1="univer-image-common-panel-title",imageCommonPanelSubtitle$1="univer-image-common-panel-subtitle",imageCommonPanelRow$1="univer-image-common-panel-row",imageCommonPanelRowVertical$1="univer-image-common-panel-row-vertical",imageCommonPanelColumn$1="univer-image-common-panel-column",imageCommonPanelColumnCenter$1="univer-image-common-panel-column-center",imageCommonPanelInline$1="univer-image-common-panel-inline",imageCommonPanelSpan2$1="univer-image-common-panel-span2",imageCommonPanelSpan3$1="univer-image-common-panel-span3",imageCommonPanelInput$1="univer-image-common-panel-input",slidePanelColorPicker="univer-slide-panel-color-picker",styles$4={imageCommonPanel:imageCommonPanel$1,imageCommonPanelGrid:imageCommonPanelGrid$1,imageCommonPanelBorder:imageCommonPanelBorder$1,imageCommonPanelTitle:imageCommonPanelTitle$1,imageCommonPanelSubtitle:imageCommonPanelSubtitle$1,imageCommonPanelRow:imageCommonPanelRow$1,imageCommonPanelRowVertical:imageCommonPanelRowVertical$1,imageCommonPanelColumn:imageCommonPanelColumn$1,imageCommonPanelColumnCenter:imageCommonPanelColumnCenter$1,imageCommonPanelInline:imageCommonPanelInline$1,imageCommonPanelSpan2:imageCommonPanelSpan2$1,imageCommonPanelSpan3:imageCommonPanelSpan3$1,imageCommonPanelInput:imageCommonPanelInput$1,slidePanelColorPicker};function ArrangePanel$1(props){const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports.CanvasView),commandService=core.useDependency(core.ICommandService),page=canvasView.getRenderUnitByPageId(pageId,unitId),scene=page==null?void 0:page.scene;if(!scene)return null;const transformer=scene.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const onArrangeBtnClick=__name(arrangeType=>{const allObjects=scene.getAllObjects(),[minZIndex,maxZIndex]=allObjects.reduce(([min,max],obj)=>{const zIndex2=obj.zIndex,minZIndex2=zIndex2<min?zIndex2:min,maxZIndex2=zIndex2>max?zIndex2:max;return[minZIndex2,maxZIndex2]},[0,0]);let zIndex=object.zIndex;arrangeType===3?zIndex=minZIndex-1:arrangeType===2?zIndex=maxZIndex+1:arrangeType===0?zIndex=object.zIndex+1:arrangeType===1&&(zIndex=object.zIndex-1),object.setProps({zIndex}),commandService.executeCommand(UpdateSlideElementOperation.id,{unitId,oKey:object==null?void 0:object.oKey,props:{zIndex}})},"onArrangeBtnClick");return jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelGrid,children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelTitle),children:jsxRuntimeExports.jsx("div",{children:localeService.t("image-panel.arrange.title")})})}),jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(0)},"onClick"),children:jsxRuntimeExports.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntimeExports.jsx(MoveUpSingle,{}),localeService.t("image-panel.arrange.forward")]})})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(1)},"onClick"),children:jsxRuntimeExports.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntimeExports.jsx(MoveDownSingle,{}),localeService.t("image-panel.arrange.backward")]})})})]}),jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(2)},"onClick"),children:jsxRuntimeExports.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntimeExports.jsx(TopmostSingle,{}),localeService.t("image-panel.arrange.front")]})})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(3)},"onClick"),children:jsxRuntimeExports.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntimeExports.jsx(BottomSingle,{}),localeService.t("image-panel.arrange.back")]})})})]})]})}__name(ArrangePanel$1,"ArrangePanel$1");function TransformPanel(props){const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports.CanvasView),commandService=core.useDependency(core.ICommandService),page=canvasView.getRenderUnitByPageId(pageId,unitId),scene=page==null?void 0:page.scene;if(!scene)return null;const transformer=scene.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const{width:originWidth=0,height:originHeight=0,left:originX=0,top:originY=0,angle:originRotation=0}=object,[width,setWidth]=React.useState(originWidth),[height,setHeight]=React.useState(originHeight),[xPosition,setXPosition]=React.useState(originX),[yPosition,setYPosition]=React.useState(originY),[rotation,setRotation]=React.useState(originRotation),changeObs=__name(state=>{const{objects}=state,object2=objects.values().next().value,{width:originWidth2=0,height:originHeight2=0,left:originX2=0,top:originY2=0,angle:originRotation2=0}=object2;setWidth(originWidth2),setHeight(originHeight2),setXPosition(originX2),setYPosition(originY2),setRotation(originRotation2)},"changeObs");React.useEffect(()=>{const changeStartSub=transformer.changeStart$.subscribe(state=>{changeObs(state)}),changingSub=transformer.changing$.subscribe(state=>{changeObs(state)});return()=>{changingSub.unsubscribe(),changeStartSub.unsubscribe()}},[]);function handleWidthChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{width:val}}),object==null||object.resize(val,object.height),setWidth(val),transformer==null||transformer.refreshControls())}__name(handleWidthChange,"handleWidthChange");function handleHeightChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{height:val}}),object==null||object.resize(object.width,val),setHeight(val),transformer==null||transformer.refreshControls())}__name(handleHeightChange,"handleHeightChange");function handleXChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{left:val}}),object==null||object.translate(val,object.top),setXPosition(val),transformer==null||transformer.refreshControls())}__name(handleXChange,"handleXChange");function handleYChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{right:val}}),object==null||object.translate(object.left,val),setYPosition(val),transformer==null||transformer.refreshControls())}__name(handleYChange,"handleYChange");function handleChangeRotation(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{angle:val}}),object==null||object.transformByState({angle:val}),setRotation(val),transformer==null||transformer.refreshControls())}return __name(handleChangeRotation,"handleChangeRotation"),jsxRuntimeExports.jsxs("div",{className:clsx(styles$4.imageCommonPanelGrid,styles$4.imageCommonPanelBorder),children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelTitle),children:jsxRuntimeExports.jsx("div",{children:localeService.t("image-panel.transform.title")})})}),jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.width")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,min:1,value:width,onChange:__name(val=>{handleWidthChange(val)},"onChange")})})})]})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.height")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,min:1,value:height,onChange:__name(val=>{handleHeightChange(val)},"onChange")})})})]})})]}),jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.x")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,precision:1,min:0,value:xPosition,onChange:__name(val=>{handleXChange(val)},"onChange")})})})]})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.y")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,precision:1,min:0,value:yPosition,onChange:__name(val=>{handleYChange(val)},"onChange")})})})]})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.rotate")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,precision:1,value:rotation,onChange:handleChangeRotation})})})]})})]})]})}__name(TransformPanel,"TransformPanel");function ArrangePanel(props){var _a11,_b;const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports.CanvasView),commandService=core.useDependency(core.ICommandService),page=canvasView.getRenderUnitByPageId(pageId,unitId),scene=page==null?void 0:page.scene;if(!scene)return null;const transformer=scene.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const[color,setColor]=React.useState((_b=(_a11=object.fill)==null?void 0:_a11.toString())!=null?_b:"");function handleChangeColor(color2){object==null||object.setProps({fill:color2}),commandService.executeCommand(UpdateSlideElementOperation.id,{unitId,oKey:object==null?void 0:object.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:color2}}}}}),setColor(color2)}return __name(handleChangeColor,"handleChangeColor"),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelGrid,styles$4.imageCommonPanelBorder),children:jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelGrid,children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelTitle),children:jsxRuntimeExports.jsx("div",{children:localeService.t("slide.panel.fill.title")})})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Dropdown,{align:{offset:[0,18]},overlay:jsxRuntimeExports.jsx("section",{className:styles$4.slidePanelColorPicker,children:jsxRuntimeExports.jsx(design.ColorPicker,{color:"#fff",onChange:handleChangeColor})}),children:jsxRuntimeExports.jsxs("a",{className:styles$4.uiPluginSheetsBorderPanelButton,children:[jsxRuntimeExports.jsx(PaintBucket,{extend:{colorChannel1:color!=null?color:"rgb(var(--primary-color))"}}),jsxRuntimeExports.jsx("span",{className:styles$4.uiPluginSheetsBorderPanelMoreIcon,children:jsxRuntimeExports.jsx(MoreDownSingle,{})})]})})})})]})})}__name(ArrangePanel,"ArrangePanel");const imageCommonPanel="univer-image-common-panel",imageCommonPanelGrid="univer-image-common-panel-grid",imageCommonPanelBorder="univer-image-common-panel-border",imageCommonPanelTitle="univer-image-common-panel-title",imageCommonPanelSubtitle="univer-image-common-panel-subtitle",imageCommonPanelRow="univer-image-common-panel-row",imageCommonPanelRowVertical="univer-image-common-panel-row-vertical",imageCommonPanelColumn="univer-image-common-panel-column",imageCommonPanelColumnCenter="univer-image-common-panel-column-center",imageCommonPanelInline="univer-image-common-panel-inline",imageCommonPanelSpan2="univer-image-common-panel-span2",imageCommonPanelSpan3="univer-image-common-panel-span3",imageCommonPanelInput="univer-image-common-panel-input",styles$3={imageCommonPanel,imageCommonPanelGrid,imageCommonPanelBorder,imageCommonPanelTitle,imageCommonPanelSubtitle,imageCommonPanelRow,imageCommonPanelRowVertical,imageCommonPanelColumn,imageCommonPanelColumnCenter,imageCommonPanelInline,imageCommonPanelSpan2,imageCommonPanelSpan3,imageCommonPanelInput},COMPONENT_SLIDE_SIDEBAR="COMPONENT_SLIDE_SIDEBAR";function RectSidebar(){var _a11,_b,_c;const univerInstanceService=core.useDependency(core.IUniverInstanceService),canvasView=core.useDependency(exports.CanvasView),currentSlide=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pageId=(_a11=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a11.id;if(!pageId)return null;const transformer=(_b=canvasView.getRenderUnitByPageId(pageId,pageId).scene)==null?void 0:_b.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const unitId=((_c=univerInstanceService.getFocusedUnit())==null?void 0:_c.getUnitId())||"";return jsxRuntimeExports.jsxs("section",{className:styles$3.imageCommonPanel,children:[jsxRuntimeExports.jsx(ArrangePanel$1,{pageId,unitId}),jsxRuntimeExports.jsx(TransformPanel,{pageId,unitId}),object.objectType===engineRender.ObjectType.RECT&&jsxRuntimeExports.jsx(ArrangePanel,{pageId,unitId})]})}__name(RectSidebar,"RectSidebar");const InsertSlideShapeRectangleCommand={id:"slide.command.insert-float-shape",type:core.CommandType.COMMAND,handler:__name(async accessor=>{var _a11;const commandService=accessor.get(core.ICommandService),unitId=(_a11=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a11.getUnitId();return commandService.executeCommand(InsertSlideShapeRectangleOperation.id,{unitId})},"handler")},InsertSlideShapeRectangleOperation={id:"slide.operation.insert-float-shape",type:core.CommandType.OPERATION,handler:__name(async(accessor,params)=>{const id=core.generateRandomId(6),univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=params.unitId,slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):20,data={id,zIndex:maxIndex+1,left:378,top:142,width:250,height:250,title:id,description:"",type:core.PageElementType.SHAPE,shape:{shapeType:core.BasicShapes.Rect,text:"",shapeProperties:{shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};activePage.pageElements[id]=data,slideData.updatePage(activePage.id,activePage);const canvasview=accessor.get(exports.CanvasView),sceneObject=canvasview.createObjectToPage(data,activePage.id,unitId);return sceneObject&&canvasview.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},ToggleSlideEditSidebarOperation={id:"sidebar.operation.slide-shape",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{const{visible,objectType}=params,sidebarService=accessor.get(ui.ISidebarService),localeService=accessor.get(core.LocaleService);let title="",children="";return objectType===engineRender.ObjectType.RECT?(title="slide.sidebar.shape",children=COMPONENT_SLIDE_SIDEBAR):objectType===engineRender.ObjectType.IMAGE?(title="slide.sidebar.image",children=COMPONENT_SLIDE_SIDEBAR):objectType===engineRender.ObjectType.RICH_TEXT&&(title="slide.sidebar.text",children=COMPONENT_SLIDE_SIDEBAR),visible?sidebarService.open({header:{title:localeService.t(title)},children:{label:children},onClose:__name(()=>{},"onClose"),width:360}):sidebarService.close(),!0},"handler")},COMPONENT_SLIDE_IMAGE_POPUP_MENU="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var __defProp$7=Object.defineProperty,__getOwnPropDesc$7=Object.getOwnPropertyDescriptor,__decorateClass$7=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$7(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$7(target,key,result),result},"__decorateClass$7"),__decorateParam$7=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$7");function transformBound2OffsetBound(originBound,scene){const topLeft=transformPosition2Offset(originBound.left,originBound.top,scene),bottomRight=transformPosition2Offset(originBound.right,originBound.bottom,scene);return{left:topLeft.x,top:topLeft.y,right:bottomRight.x,bottom:bottomRight.y}}__name(transformBound2OffsetBound,"transformBound2OffsetBound");function transformPosition2Offset(x,y,scene){const{scaleX,scaleY}=scene.getAncestorScale(),viewMain=scene.getViewport(slides.SLIDE_KEY.VIEW);if(!viewMain)return{x,y};const{viewportScrollX:actualScrollX,viewportScrollY:actualScrollY}=viewMain,offsetX=(x-actualScrollX)*scaleX,offsetY=(y-actualScrollY)*scaleY;return{x:offsetX,y:offsetY}}__name(transformPosition2Offset,"transformPosition2Offset");var _a3;exports.SlideCanvasPopMangerService=(_a3=class extends core.Disposable{constructor(_globalPopupManagerService,_renderManagerService,_univerInstanceService,_commandService){super(),this._globalPopupManagerService=_globalPopupManagerService,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._commandService=_commandService}_createObjectPositionObserver(targetObject,currentRender){const position=__name(()=>{var _a11,_b,_c,_d;const{scene,engine}=currentRender,{left,top,width,height}=targetObject,horizontalOffset=(scene.width-((_b=(_a11=currentRender.mainComponent)==null?void 0:_a11.width)!=null?_b:0))/2,verticalOffset=(scene.height-((_d=(_c=currentRender.mainComponent)==null?void 0:_c.height)!=null?_d:0))/2,bound={left,right:left+width,top,bottom:top+height},canvasElement=engine.getCanvasElement(),canvasClientRect=canvasElement.getBoundingClientRect(),widthOfCanvas=engineRender.pxToNum(canvasElement.style.width),{scaleX,scaleY}=scene.getAncestorScale(),offsetBound=transformBound2OffsetBound(bound,scene),{top:topOffset,left:leftOffset,width:domWidth}=canvasClientRect,scaleAdjust=domWidth/widthOfCanvas;return{left:offsetBound.left*scaleAdjust*scaleX+leftOffset+horizontalOffset,right:offsetBound.right*scaleAdjust*scaleX+leftOffset+horizontalOffset,top:offsetBound.top*scaleAdjust*scaleY+topOffset+verticalOffset,bottom:offsetBound.bottom*scaleAdjust*scaleY+topOffset+verticalOffset}},"calc")(),position$=new rxjs.BehaviorSubject(position),disposable=new core.DisposableCollection;return{position,position$,disposable}}attachPopupToObject(targetObject,popup){const unitId=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE).getUnitId(),currentRender=this._renderManagerService.getRenderById(unitId);if(!currentRender)return{dispose:__name(()=>{},"dispose")};const{position,position$,disposable}=this._createObjectPositionObserver(targetObject,currentRender),id=this._globalPopupManagerService.addPopup({...popup,unitId,subUnitId:"default",anchorRect:position,anchorRect$:position$,canvasElement:currentRender.engine.getCanvasElement()});return{dispose:__name(()=>{this._globalPopupManagerService.removePopup(id),position$.complete(),disposable.dispose()},"dispose")}}},__name(_a3,"SlideCanvasPopMangerService"),_a3);exports.SlideCanvasPopMangerService=__decorateClass$7([__decorateParam$7(0,core.Inject(ui.ICanvasPopupService)),__decorateParam$7(1,engineRender.IRenderManagerService),__decorateParam$7(2,core.IUniverInstanceService),__decorateParam$7(3,core.ICommandService)],exports.SlideCanvasPopMangerService);var __defProp$6=Object.defineProperty,__getOwnPropDesc$6=Object.getOwnPropertyDescriptor,__decorateClass$6=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$6(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$6(target,key,result),result},"__decorateClass$6"),__decorateParam$6=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$6"),_a4;let SlidePopupMenuController=(_a4=class extends core.RxDisposable{constructor(_canvasPopManagerService,_renderManagerService,_univerInstanceService,_contextService,_canvasView,_sidebarService,_commandService){super();__publicField(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=_canvasPopManagerService,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._contextService=_contextService,this._canvasView=_canvasView,this._sidebarService=_sidebarService,this._commandService=_commandService,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(core.UniverInstanceType.UNIVER_SLIDE).forEach(slide=>this._create(slide))}_create(slide){if(!slide)return;const unitId=slide.getUnitId();this._renderManagerService.has(unitId)&&!this._initImagePopupMenu.has(unitId)&&(this._popupMenuListener(unitId),this._initImagePopupMenu.add(unitId))}_hasCropObject(scene){}_popupMenuListener(unitId){var _a11;const model=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pages=(_a11=model==null?void 0:model.getPages())!=null?_a11:{};Object.keys(pages).forEach(pageId=>{var _a12;const transformer=(_a12=this._canvasView.getRenderUnitByPageId(pageId,unitId).scene)==null?void 0:_a12.getTransformer();if(!transformer)return;let singletonPopupDisposer;this.disposeWithMe(core.toDisposable(transformer.createControl$.subscribe(()=>{const selectedObjects=transformer.getSelectedObjectMap();if(selectedObjects.size>1){singletonPopupDisposer==null||singletonPopupDisposer.dispose();return}const object=selectedObjects.values().next().value;if(!object)return;const oKey=object.oKey;singletonPopupDisposer==null||singletonPopupDisposer.dispose(),singletonPopupDisposer=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(object,{componentKey:COMPONENT_SLIDE_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(object.objectType,oKey,unitId)}})),this._sidebarService.visible&&this._commandService.executeCommand(ToggleSlideEditSidebarOperation.id,{visible:!0,objectType:object.objectType})}))),this.disposeWithMe(transformer.clearControl$.subscribe(()=>{singletonPopupDisposer==null||singletonPopupDisposer.dispose(),this._contextService.setContextValue(core.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(transformer.changing$.subscribe(()=>{singletonPopupDisposer==null||singletonPopupDisposer.dispose();const selectedObjects=transformer.getSelectedObjectMap();if(selectedObjects.size>1){singletonPopupDisposer==null||singletonPopupDisposer.dispose();return}const object=selectedObjects.values().next().value;object&&this._commandService.executeCommand(UpdateSlideElementOperation.id,{unitId,oKey:object.oKey,props:{width:object.width,height:object.height,left:object.left,top:object.top}})}))})}_getMenuItemsByObjectType(objectType,oKey,unitId){return[{label:"slide.popup.edit",index:0,commandId:ToggleSlideEditSidebarOperation.id,commandParams:{visible:!0,objectType},disable:!1},{label:"slide.popup.delete",index:5,commandId:DeleteSlideElementOperation.id,commandParams:{id:oKey,unitId},disable:!1}]}},__name(_a4,"SlidePopupMenuController"),_a4);SlidePopupMenuController=__decorateClass$6([__decorateParam$6(0,core.Inject(exports.SlideCanvasPopMangerService)),__decorateParam$6(1,engineRender.IRenderManagerService),__decorateParam$6(2,core.IUniverInstanceService),__decorateParam$6(3,core.IContextService),__decorateParam$6(4,core.Inject(exports.CanvasView)),__decorateParam$6(5,ui.ISidebarService),__decorateParam$6(6,core.ICommandService)],SlidePopupMenuController);const SetTextEditArrowOperation={id:"slide.operation.edit-arrow",type:core.CommandType.OPERATION,handler:__name(()=>!0,"handler")},SLIDE_EDITOR_ID=core.createInternalEditorID("SLIDE_EDITOR");var __defProp$5=Object.defineProperty,__getOwnPropDesc$5=Object.getOwnPropertyDescriptor,__decorateClass$5=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$5(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$5(target,key,result),result},"__decorateClass$5"),__decorateParam$5=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$5");const ISlideEditorBridgeService=core.createIdentifier("univer.slide-editor-bridge.service");var _a5;let SlideEditorBridgeService=(_a5=class extends core.Disposable{constructor(_editorService,_contextService,_renderManagerService){super();__publicField(this,"_editorUnitId",SLIDE_EDITOR_ID);__publicField(this,"_isForceKeepVisible",!1);__publicField(this,"_editorIsDirty",!1);__publicField(this,"_currentEditRectState",null);__publicField(this,"_currentEditRectState$",new rxjs.BehaviorSubject(null));__publicField(this,"currentEditRectState$",this._currentEditRectState$.asObservable());__publicField(this,"_visibleParam",{visible:!1,eventType:engineRender.DeviceInputEventType.Dblclick,unitId:""});__publicField(this,"_visible$",new rxjs.BehaviorSubject(this._visibleParam));__publicField(this,"visible$",this._visible$.asObservable());__publicField(this,"_afterVisible$",new rxjs.BehaviorSubject(this._visibleParam));__publicField(this,"afterVisible$",this._afterVisible$.asObservable());__publicField(this,"endEditing$",new rxjs.Subject);__publicField(this,"_currentEditRectInfo");this._editorService=_editorService,this._contextService=_contextService,this._renderManagerService=_renderManagerService}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(editorInfo){this._currentEditRectInfo=editorInfo,this._editorService.getFocusEditor()||(this._editorService.focus(SLIDE_EDITOR_ID),this._contextService.setContextValue(core.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(core.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(core.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));const editRectState=this.getEditRectState();this._currentEditRectState=editRectState,this._currentEditRectState$.next(editRectState)}changeVisible(param){this._visibleParam=param,param.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){const editorUnitId=SLIDE_EDITOR_ID,editorRectInfo=this._currentEditRectInfo,unitId=editorRectInfo.unitId,docData=editorRectInfo.richTextObj.documentData;docData.id=editorUnitId,docData.documentStyle={...docData.documentStyle,pageSize:{width:editorRectInfo.richTextObj.width,height:1/0}};const documentLayoutObject={documentModel:new core.DocumentDataModel(docData),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:core.VerticalAlign.TOP,horizontalAlign:core.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},editorWidth=editorRectInfo.richTextObj.width,editorHeight=editorRectInfo.richTextObj.height,left=editorRectInfo.richTextObj.left,top=editorRectInfo.richTextObj.top,canvasOffset={left:0,top:0},renderUnit=this._renderManagerService.getRenderById(unitId),mainScene=renderUnit==null?void 0:renderUnit.scene,mainViewport=mainScene==null?void 0:mainScene.getViewport(slides.SLIDE_KEY.VIEW),slideMainRect=mainScene==null?void 0:mainScene.getObject(slides.SLIDE_KEY.COMPONENT),slidePos={x:(slideMainRect==null?void 0:slideMainRect.left)||0,y:(slideMainRect==null?void 0:slideMainRect.top)||0},scrollX=(mainViewport==null?void 0:mainViewport.viewportScrollX)||0,scrollY=(mainViewport==null?void 0:mainViewport.viewportScrollY)||0;return canvasOffset.left=slidePos.x-scrollX,canvasOffset.top=slidePos.y-scrollY,{position:{startX:left,startY:top,endX:left+editorWidth,endY:top+editorHeight},scaleX:1,scaleY:1,slideCardOffset:canvasOffset,unitId,editorUnitId,documentLayoutObject}}changeEditorDirty(dirtyStatus){this._editorIsDirty=dirtyStatus}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(target){const editorUnitId=this.getCurrentEditorId(),content=target.text,fontSize=target.fs;return{id:editorUnitId,body:{dataStream:`${content}\r
10
- `,textRuns:[{st:0,ed:content.length}],paragraphs:[{paragraphStyle:{},startIndex:content.length+1}],sectionBreaks:[{startIndex:content.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:fontSize},renderConfig:{verticalAlign:core.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}},__name(_a5,"SlideEditorBridgeService"),_a5);SlideEditorBridgeService=__decorateClass$5([__decorateParam$5(0,docsUi.IEditorService),__decorateParam$5(1,core.IContextService),__decorateParam$5(2,engineRender.IRenderManagerService)],SlideEditorBridgeService);const _SlideEditorManagerService=class _SlideEditorManagerService{constructor(){__publicField(this,"_state",null);__publicField(this,"_rect",null);__publicField(this,"_state$",new rxjs.BehaviorSubject(null));__publicField(this,"state$",this._state$.asObservable());__publicField(this,"_rect$",new rxjs.BehaviorSubject(null));__publicField(this,"rect$",this._rect$.asObservable());__publicField(this,"_focus",!1);__publicField(this,"_focus$",new rxjs.BehaviorSubject(this._focus));__publicField(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(param){this._state=param,this._refresh(param)}getRect(){return this._rect}setRect(param){this._rect=param,this._rect$.next(param)}getState(){return this._state}setFocus(param=!1){this._focus=param,this._focus$.next(param)}_refresh(param){this._state$.next(param)}};__name(_SlideEditorManagerService,"SlideEditorManagerService");let SlideEditorManagerService=_SlideEditorManagerService;const ISlideEditorManagerService=core.createIdentifier("univer.slide-editor-manager.service");var CursorChange=(_CursorChange=>(_CursorChange[_CursorChange.InitialState=0]="InitialState",_CursorChange[_CursorChange.StartEditor=1]="StartEditor",_CursorChange[_CursorChange.CursorChange=2]="CursorChange",_CursorChange))(CursorChange||{}),__defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4");const HIDDEN_EDITOR_POSITION$1=-1e3,EDITOR_INPUT_SELF_EXTEND_GAP=5,EDITOR_BORDER_SIZE=2;var _a6;let SlideEditingRenderController=(_a6=class extends core.Disposable{constructor(_renderContext,_layoutService,_undoRedoService,_contextService,_instanceSrv,_renderManagerService,_editorBridgeService,_cellEditorManagerService,_textSelectionManagerService,_commandService,_localService,_editorService){super();__publicField(this,"_cursorChange",CursorChange.InitialState);__publicField(this,"_isUnitEditing",!1);__publicField(this,"_d");this._renderContext=_renderContext,this._layoutService=_layoutService,this._undoRedoService=_undoRedoService,this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,this._editorBridgeService=_editorBridgeService,this._cellEditorManagerService=_cellEditorManagerService,this._textSelectionManagerService=_textSelectionManagerService,this._commandService=_commandService,this._localService=_localService,this._editorService=_editorService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode:ui.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var _a11;(_a11=this._d)==null||_a11.dispose(),this._d=null}_init(){const d=new core.DisposableCollection;return this._subscribeToCurrentCell(d),this._initialKeyboardListener(d),this._initialCursorSync(d),this._listenEditorFocus(d),this._commandExecutedListener(d),setTimeout(()=>{this._cursorStateListener(d)},1e3),d}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(param=>{param.visible?(this._isUnitEditing=!0,this._handleEditorVisible(param)):this._isUnitEditing&&(this._handleEditorInvisible(param),this._isUnitEditing=!1)}))}_listenEditorFocus(d){const renderConfig=this._getEditorObject();renderConfig&&d.add(renderConfig.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(editorId){var _a11;return(_a11=this._renderManagerService.getRenderById(editorId))==null?void 0:_a11.with(docs.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(editorId){var _a11;return(_a11=this._renderManagerService.getRenderById(editorId))==null?void 0:_a11.with(docs.DocSkeletonManagerService).getViewModel()}_initialCursorSync(d){d.add(this._cellEditorManagerService.focus$.pipe(rxjs.filter(f2=>!!f2)).subscribe(()=>{var _a11;const docSelectionRenderManager=(_a11=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a11.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.sync()}))}_subscribeToCurrentCell(d){d.add(this._editorBridgeService.currentEditRectState$.subscribe(editCellState=>{var _a11;if(editCellState==null||this._contextService.getContextValue(core.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX,endX},documentLayoutObject:{textRotation,wrapStrategy,documentModel},scaleX,editorUnitId}=editCellState,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation);documentModel.updateDocumentId(editorUnitId),wrapStrategy===core.WrapStrategy.WRAP&&angle===0&&documentModel.updateDocumentDataPageSize((endX-startX)/scaleX),this._instanceSrv.changeDoc(editorUnitId,documentModel),this._contextService.setContextValue(core.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]);const docSelectionRenderManager=(_a11=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a11.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION$1,HIDDEN_EDITOR_POSITION$1)}))}_fitTextSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,startY,endX,endY}=positionFromEditRectState,documentDataModel=documentLayoutObject.documentModel;if(documentDataModel==null)return;const{actualWidth,actualHeight}=this._predictingSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX,scaleY),{verticalAlign,paddingData,fill}=documentLayoutObject;let editorWidth=endX-startX,editorHeight=endY-startY;if(editorWidth<actualWidth&&(editorWidth=actualWidth),editorHeight<actualHeight)editorHeight=actualHeight,documentDataModel.updateDocumentDataMargin(paddingData);else{let offsetTop=0;verticalAlign===core.VerticalAlign.MIDDLE?offsetTop=(editorHeight-actualHeight)/2/scaleY:verticalAlign===core.VerticalAlign.TOP?offsetTop=paddingData.t||0:offsetTop=(editorHeight-actualHeight)/scaleY-(paddingData.b||0),offsetTop=offsetTop<(paddingData.t||0)?paddingData.t||0:offsetTop,documentDataModel.updateDocumentDataMargin({t:offsetTop})}documentSkeleton.calculate(),this._editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX,scaleY)}_predictingSize(actualRangeWithCoord,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,endX}=actualRangeWithCoord,{textRotation,wrapStrategy}=documentLayoutObject,documentDataModel=documentLayoutObject.documentModel,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation),clientWidth=document.body.clientWidth;if(wrapStrategy===core.WrapStrategy.WRAP&&angle===0){const{actualWidth,actualHeight}=documentSkeleton.getActualSize();return{actualWidth:actualWidth*scaleX,actualHeight:actualHeight*scaleY}}documentDataModel==null||documentDataModel.updateDocumentDataPageSize((clientWidth-startX-canvasOffset.left)/scaleX),documentSkeleton.calculate();const size=documentSkeleton.getActualSize();let editorWidth=endX-startX;return editorWidth<size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX&&(editorWidth=size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX),documentDataModel==null||documentDataModel.updateDocumentDataPageSize(editorWidth/scaleX),documentDataModel==null||documentDataModel.updateDocumentRenderConfig({horizontalAlign:core.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:editorWidth,actualHeight:size.actualHeight*scaleY}}_editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX=1,scaleY=1){var _a11;const editorObject=this._getEditorObject();if(editorObject==null)return;function pxToNum(width2){return Number.parseInt(width2.replace("px",""))}__name(pxToNum,"pxToNum");const canvasElement=this._renderContext.engine.getCanvasElement(),canvasClientRect=canvasElement.getBoundingClientRect(),widthOfCanvas=pxToNum(canvasElement.style.width),{top,left,width}=canvasClientRect,scaleAdjust=width/widthOfCanvas;let{startX,startY}=positionFromEditRectState;startX+=canvasOffset.left,startY+=canvasOffset.top;const{document:documentComponent,scene:editorScene,engine:docEngine}=editorObject,viewportMain=editorScene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN),clientHeight=document.body.clientHeight-startY-canvasOffset.top-EDITOR_BORDER_SIZE*2,clientWidth=document.body.clientWidth-startX-canvasOffset.left;let physicHeight=editorHeight,scrollBar=viewportMain==null?void 0:viewportMain.getScrollBar();physicHeight>clientHeight?(physicHeight=clientHeight,scrollBar==null?viewportMain&&new engineRender.ScrollBar(viewportMain,{enableHorizontal:!1,barSize:8}):viewportMain==null||viewportMain.resetCanvasSizeAndUpdateScroll()):(scrollBar=null,(_a11=viewportMain==null?void 0:viewportMain.getScrollBar())==null||_a11.dispose()),editorWidth+=(scrollBar==null?void 0:scrollBar.barSize)||0,editorWidth=Math.min(editorWidth,clientWidth),startX-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,startY-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(editorScene,editorWidth/scaleX,editorHeight/scaleY,fill);const{scaleX:precisionScaleX,scaleY:precisionScaleY}=editorScene.getPrecisionScale();editorScene.transformByState({width:editorWidth*scaleAdjust/scaleX,height:editorHeight*scaleAdjust/scaleY,scaleX:scaleX*scaleAdjust,scaleY:scaleY*scaleAdjust}),documentComponent.resize(editorWidth/scaleX,editorHeight/scaleY),setTimeout(()=>{docEngine.resizeBySize(engineRender.fixLineWidthByScale(editorWidth,precisionScaleX),engineRender.fixLineWidthByScale(physicHeight,precisionScaleY))},0);const contentBoundingRect=this._layoutService.getContentElement().getBoundingClientRect(),canvasBoundingRect=canvasElement.getBoundingClientRect();startX=startX*scaleAdjust+(canvasBoundingRect.left-contentBoundingRect.left),startY=startY*scaleAdjust+(canvasBoundingRect.top-contentBoundingRect.top),this._cellEditorManagerService.setState({startX,startY,endX:editorWidth*scaleAdjust+startX,endY:physicHeight*scaleAdjust+startY,show:!0})}_addBackground(scene,editorWidth,editorHeight,fill){const fillRectKey="_backgroundRectHelperColor_",rect=scene.getObject(fillRectKey);rect==null&&fill==null||(rect==null?scene.addObjects([new engineRender.Rect(fillRectKey,{width:editorWidth,height:editorHeight,fill,evented:!1})],docsUi.DOCS_COMPONENT_MAIN_LAYER_INDEX):fill==null?rect.dispose():(rect.setProps({fill}),rect.transformByState({width:editorWidth,height:editorHeight})))}_handleEditorVisible(param){var _a11,_b;const{eventType}=param;this._cursorChange=[engineRender.DeviceInputEventType.PointerDown,engineRender.DeviceInputEventType.Dblclick].includes(eventType)?CursorChange.CursorChange:CursorChange.StartEditor;const editCellState=this._editorBridgeService.getEditRectState();if(editCellState==null)return;const{position,documentLayoutObject,slideCardOffset:canvasOffset,scaleX,scaleY,editorUnitId,unitId}=editCellState,editorObject=this._getEditorObject();if(editorObject==null)return;const{scene}=editorObject;this._contextService.setContextValue(core.EDITOR_ACTIVATED,!0);const{documentModel:documentDataModel}=documentLayoutObject,skeleton=this._getEditorSkeleton(editorUnitId);if(!skeleton||!documentDataModel)return;this._fitTextSize(position,canvasOffset,skeleton,documentLayoutObject,scaleX,scaleY);const cursor=documentDataModel.getBody().dataStream.length-2||0;(_a11=scene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN))==null||_a11.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:cursor,endOffset:cursor}]),(_b=this._renderManagerService.getRenderById(unitId))==null||_b.scene.resetCursor()}_resetBodyStyle(body,removeStyle=!1){body.dataStream=core.DEFAULT_EMPTY_DOCUMENT_VALUE,body.textRuns!=null&&(body.textRuns.length===1&&!removeStyle?(body.textRuns[0].st=0,body.textRuns[0].ed=1):body.textRuns=void 0),body.paragraphs!=null&&(body.paragraphs.length===1?body.paragraphs[0].startIndex=0:body.paragraphs=[{startIndex:0}]),body.sectionBreaks!=null&&(body.sectionBreaks=void 0),body.tables!=null&&(body.tables=void 0),body.customRanges!=null&&(body.customRanges=void 0),body.customBlocks!=null&&(body.customBlocks=void 0)}_initialKeyboardListener(d){}_showEditorByKeyboard(config){}_commandExecutedListener(d){const moveCursorOP=[SetTextEditArrowOperation.id],editedMutations=[docs.RichTextEditingMutation.id];d.add(this._commandService.onCommandExecuted(command=>{this._editorService.getFocusId()===SLIDE_EDITOR_ID&&(moveCursorOP.includes(command.id)&&this._moveCursorCmdHandler(command),editedMutations.includes(command.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(command){const params=command.params,{keycode,isShift}=params;keycode!=null&&this._cursorChange===CursorChange.CursorChange?this._moveInEditor(keycode,isShift):this._editorBridgeService.changeVisible(params)}_editingChangedHandler(){const editRect=this._editorBridgeService.getEditorRect();if(!editRect)return;const editingRichText=editRect.richTextObj;editingRichText.refreshDocumentByDocData(),editingRichText.resizeToContentSize();const{unitId}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId})}_setOpenForCurrent(unitId,subUnitId){const editors=this._editorService.getAllEditor();for(const[_,ed]of editors)ed.setOpenForSheetUnitId(unitId),ed.setOpenForSheetSubUnitId(subUnitId)}_getEditorObject(){return getEditorObject(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(param){const{keycode}=param;if(this._setOpenForCurrent(null,null),this._cursorChange=CursorChange.InitialState,this._exitInput(param),this._editorBridgeService.getEditRectState()==null)return;if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(keycode);return}this._moveCursor(keycode)}_exitInput(param){this._contextService.setContextValue(core.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:param.visible});const editorUnitId=this._editorBridgeService.getCurrentEditorId();editorUnitId!=null&&this._undoRedoService.clearUndoRedo(editorUnitId)}_moveCursor(keycode){if(keycode!=null)switch(core.Direction.LEFT,keycode){case ui.KeyCode.ENTER:core.Direction.DOWN;break;case ui.KeyCode.TAB:core.Direction.RIGHT;break;case ui.KeyCode.ARROW_DOWN:core.Direction.DOWN;break;case ui.KeyCode.ARROW_UP:core.Direction.UP;break;case ui.KeyCode.ARROW_LEFT:core.Direction.LEFT;break;case ui.KeyCode.ARROW_RIGHT:core.Direction.RIGHT;break}}_cursorStateListener(d){const editorObject=this._getEditorObject(),{document:documentComponent}=editorObject;d.add(core.toDisposable(documentComponent.onPointerDown$.subscribeEvent(()=>{this._cursorChange===CursorChange.StartEditor&&(this._cursorChange=CursorChange.CursorChange)})))}_moveInEditor(keycode,isShift){let direction=core.Direction.LEFT;keycode===ui.KeyCode.ARROW_DOWN?direction=core.Direction.DOWN:keycode===ui.KeyCode.ARROW_UP?direction=core.Direction.UP:keycode===ui.KeyCode.ARROW_RIGHT&&(direction=core.Direction.RIGHT),isShift?this._commandService.executeCommand(docsUi.MoveSelectionOperation.id,{direction}):this._commandService.executeCommand(docsUi.MoveCursorOperation.id,{direction})}},__name(_a6,"SlideEditingRenderController"),_a6);SlideEditingRenderController=__decorateClass$4([__decorateParam$4(1,ui.ILayoutService),__decorateParam$4(2,core.IUndoRedoService),__decorateParam$4(3,core.IContextService),__decorateParam$4(4,core.IUniverInstanceService),__decorateParam$4(5,engineRender.IRenderManagerService),__decorateParam$4(6,ISlideEditorBridgeService),__decorateParam$4(7,ISlideEditorManagerService),__decorateParam$4(8,core.Inject(docs.DocSelectionManagerService)),__decorateParam$4(9,core.ICommandService),__decorateParam$4(10,core.Inject(core.LocaleService)),__decorateParam$4(11,docsUi.IEditorService)],SlideEditingRenderController);function getEditorObject(unitId,renderManagerService){if(unitId==null)return;const currentRender=renderManagerService.getRenderById(unitId);if(currentRender==null)return;const{mainComponent,scene,engine,components}=currentRender,document2=mainComponent,docBackground=components.get(docsUi.DOCS_VIEW_KEY.BACKGROUND);return{document:document2,docBackground,scene,engine}}__name(getEditorObject,"getEditorObject");var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3"),_a7;let SlideEditorBridgeRenderController=(_a7=class extends core.RxDisposable{constructor(_renderContext,_instanceSrv,_commandService,_editorBridgeService){super();__publicField(this,"setSlideTextEditor$",new rxjs.Subject);__publicField(this,"_curRichText",null);__publicField(this,"_d");this._renderContext=_renderContext,this._instanceSrv=_instanceSrv,this._commandService=_commandService,this._editorBridgeService=_editorBridgeService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const d=new core.DisposableCollection;return this._initEventListener(d),d}_disposeCurrent(){var _a11;(_a11=this._d)==null||_a11.dispose(),this._d=null}_setEditorRect(pageId,targetObject){this._curRichText=targetObject;const{scene,engine}=this._renderContext,unitId=this._renderContext.unitId,setEditorRect={scene,engine,unitId,pageId,richTextObj:targetObject};this._editorBridgeService.setEditorRect(setEditorRect)}_initEventListener(d){const listenersForPageScene=__name(scene=>{const transformer=scene.getTransformer();transformer&&(d.add(transformer.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),d.add(transformer.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),d.add(scene.onDblclick$.subscribeEvent(()=>{transformer.clearControls();const object=transformer.getSelectedObjectMap().values().next().value;object&&(object.objectType!==engineRender.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(scene.sceneKey,object))})),d.add(this._instanceSrv.focused$.subscribe(fc=>{this.endEditing()})))},"listenersForPageScene"),{mainComponent}=this._renderContext;mainComponent.subSceneChanged$.subscribeEvent(pageScene=>{listenersForPageScene(pageScene)});const pageSceneList=Array.from(mainComponent.getSubScenes().values());for(let i=0;i<pageSceneList.length;i++){const pageScene=pageSceneList[i];listenersForPageScene(pageScene)}}pickOtherObjects(){this.endEditing()}endEditing(){var _a11;if(!this._curRichText)return;this.setEditorVisible(!1);const curRichText=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))return!1;curRichText.refreshDocumentByDocData(),curRichText.resizeToContentSize(),this._editorBridgeService.endEditing$.next(curRichText);const richText={bl:1,fs:curRichText.fs,text:curRichText.text},textRuns=(_a11=curRichText.documentData.body)==null?void 0:_a11.textRuns;if(textRuns&&textRuns.length){const ts=textRuns[0].ts;richText.cl=ts==null?void 0:ts.cl}this._commandService.executeCommand(UpdateSlideElementOperation.id,{unitId:this._renderContext.unitId,oKey:curRichText==null?void 0:curRichText.oKey,props:{richText}}),this._curRichText=null}startEditing(pageId,target){this._setEditorRect(pageId,target),this.setEditorVisible(!0)}setEditorVisible(visible){var _a11,_b;visible?(_a11=this._curRichText)==null||_a11.hide():(_b=this._curRichText)==null||_b.show();const{unitId}=this._renderContext;this._editorBridgeService.changeVisible({visible,eventType:engineRender.DeviceInputEventType.PointerDown,unitId})}},__name(_a7,"SlideEditorBridgeRenderController"),_a7);SlideEditorBridgeRenderController=__decorateClass$3([__decorateParam$3(1,core.IUniverInstanceService),__decorateParam$3(2,core.ICommandService),__decorateParam$3(3,ISlideEditorBridgeService)],SlideEditorBridgeRenderController);const ActivateSlidePageOperation={id:"slide.operation.activate-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{var _a11,_b;const unitId=params.unitId,canvasView=accessor.get(exports.CanvasView),model=accessor.get(core.IUniverInstanceService).getUnit(unitId),pageId=(_a11=model==null?void 0:model.getActivePage())==null?void 0:_a11.id;if(!pageId)return!1;const page=canvasView.getRenderUnitByPageId(pageId,unitId);if(!page)return!1;const transformer=(_b=page.scene)==null?void 0:_b.getTransformer();return transformer&&transformer.clearControls(),canvasView.activePage(params.id,unitId),!0},"handler")},AppendSlideOperation={id:"slide.operation.append-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const unitId=params.unitId;return accessor.get(core.IUniverInstanceService).getUnit(unitId)?(accessor.get(exports.CanvasView).appendPage(unitId),!0):!1},"handler")},InsertSlideFloatImageCommand={id:"slide.command.insert-float-image",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{var _a11;const univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=(_a11=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))==null?void 0:_a11.getUnitId();if(!unitId)return!1;const files=await accessor.get(ui.ILocalFileService).openFile({multiple:!0,accept:drawing.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(image2=>`.${image2.replace("image/","")}`).join(",")});if(files.length!==1)return!1;const imageParam=await accessor.get(drawing.IImageIoService).saveImage(files[0]);if(!imageParam)return!1;const{imageId,imageSourceType,source,base64Cache}=imageParam,{width,height,image}=await drawing.getImageSize(base64Cache||""),slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):20,data={id:imageId,zIndex:maxIndex+1,left:0,top:0,width,height,title:"",description:"",type:core.PageElementType.IMAGE,image:{imageProperties:{contentUrl:base64Cache,imageSourceType,source,base64Cache,image}}};activePage.pageElements[imageId]=data,slideData.updatePage(activePage.id,activePage);const canvasView=accessor.get(exports.CanvasView),sceneObject=canvasView.createObjectToPage(data,activePage.id,unitId);return sceneObject&&canvasView.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SlideAddTextCommand={id:"slide.command.add-text",type:core.CommandType.COMMAND,handler:__name(async accessor=>{var _a11;const commandService=accessor.get(core.ICommandService),unitId=(_a11=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a11.getUnitId();return await commandService.executeCommand(SlideAddTextOperation.id,{unitId})},"handler")},SlideAddTextOperation={id:"slide.operation.add-text",type:core.CommandType.OPERATION,handler:__name(async(accessor,params)=>{const unitId=params.unitId,elementId=core.generateRandomId(6),defaultWidth=220,defaultheight=40,left=230,top=142,textContent=(params==null?void 0:params.text)||"A New Text",slideData=accessor.get(core.IUniverInstanceService).getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):21,elementData={id:elementId,zIndex:maxIndex+1,left,top,width:defaultWidth,height:defaultheight,title:"text",description:"",type:core.PageElementType.TEXT,richText:{text:textContent,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};activePage.pageElements[elementId]=elementData,slideData.updatePage(activePage.id,activePage);const canvasview=accessor.get(exports.CanvasView),sceneObject=canvasview.createObjectToPage(elementData,activePage.id,unitId);return sceneObject&&canvasview.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SetSlidePageThumbOperation={id:"slide.operation.set-slide-page-thumb",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>(accessor.get(exports.CanvasView).createThumbs(params.unitId),!0),"handler")},imagePopupMenu="univer-image-popup-menu",imagePopupMenuItem="univer-image-popup-menu-item",imagePopupMenuItemIcon="univer-image-popup-menu-item-icon",imagePopupMenuItemTitle="univer-image-popup-menu-item-title",imagePopupMenuItemHide="univer-image-popup-menu-item-hide",btnContainer="univer-btn-container",btnContainerExpand="univer-btn-container-expand",styles$2={imagePopupMenu,imagePopupMenuItem,imagePopupMenuItemIcon,imagePopupMenuItemTitle,imagePopupMenuItemHide,btnContainer,btnContainerExpand},SlideImagePopupMenu=__name(props=>{var _a11,_b;const menuItems=(_b=(_a11=props.popup)==null?void 0:_a11.extraProps)==null?void 0:_b.menuItems;if(!menuItems)return null;const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),[visible,setVisible]=React.useState(!1),[isHovered,setHovered]=React.useState(!1),handleMouseEnter=__name(()=>{setHovered(!0)},"handleMouseEnter"),handleMouseLeave=__name(()=>{setHovered(!1)},"handleMouseLeave"),onVisibleChange=__name(visible2=>{setVisible(visible2)},"onVisibleChange"),handleClick=__name(item=>{commandService.executeCommand(item.commandId,item.commandParams),setVisible(!1)},"handleClick"),showMore=visible||isHovered,availableMenu=menuItems.filter(item=>!item.disable);return jsxRuntimeExports.jsx("div",{onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:jsxRuntimeExports.jsx(design.Dropdown,{placement:"bottomLeft",trigger:["click"],overlay:jsxRuntimeExports.jsx("ul",{className:styles$2.imagePopupMenu,children:availableMenu.map(item=>jsxRuntimeExports.jsx("li",{onClick:__name(()=>handleClick(item),"onClick"),className:styles$2.imagePopupMenuItem,children:jsxRuntimeExports.jsx("span",{className:styles$2.imagePopupMenuItemTitle,children:localeService.t(item.label)})},item.index))}),visible,onVisibleChange,children:jsxRuntimeExports.jsxs("div",{className:clsx(styles$2.btnContainer,{[styles$2.btnContainerExpand]:visible}),children:[jsxRuntimeExports.jsx(Autofill,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),showMore&&jsxRuntimeExports.jsx(MoreDownSingle,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},"SlideImagePopupMenu"),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",styles$1={slideBar,slideBarContent,slideBarContentHeader,slideBarItem,slideBarBox,slideBarItemActive,slideAddButton};function SlideSideBar(){var _a11,_b;const univerInstanceService=core.useDependency(core.IUniverInstanceService),commandService=core.useDependency(core.ICommandService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),localeService=core.useDependency(core.LocaleService),slideBarRef=React.useRef(null),currentSlide=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pages=currentSlide==null?void 0:currentSlide.getPages(),pageOrder=currentSlide==null?void 0:currentSlide.getPageOrder();if(!pages||!pageOrder)return null;const slideList=pageOrder.map(id=>pages[id]),[divRefs,setDivRefs]=React.useState([]),[activatePageId,setActivatePageId]=React.useState((_b=(_a11=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a11.id)!=null?_b:null);React.useEffect(()=>{setDivRefs(slideList.map(_=>React.createRef()))},[slideList.length]),React.useEffect(()=>{const subscriber=currentSlide==null?void 0:currentSlide.activePage$.subscribe(page=>{var _a12;const id=(_a12=page==null?void 0:page.id)!=null?_a12:null;id&&setActivatePageId(id)});return()=>{subscriber==null||subscriber.unsubscribe()}},[]),React.useEffect(()=>{divRefs.forEach((ref,index)=>{var _a12;if(ref.current){const slide=slideList[index];(_a12=renderManagerService.getRenderById(slide.id))==null||_a12.engine.setContainer(ref.current)}}),divRefs.length>0&&commandService.syncExecuteCommand(SetSlidePageThumbOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[divRefs,slideList,renderManagerService,commandService,currentSlide]);const activatePage=React.useCallback(page=>{commandService.syncExecuteCommand(ActivateSlidePageOperation.id,{id:page,unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]),handleAppendSlide=React.useCallback(()=>{commandService.syncExecuteCommand(AppendSlideOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]);return jsxRuntimeExports.jsx("aside",{className:styles$1.slideBar,ref:slideBarRef,children:jsxRuntimeExports.jsx(design.Scrollbar,{children:jsxRuntimeExports.jsxs("div",{className:styles$1.slideBarContent,children:[jsxRuntimeExports.jsx("header",{className:styles$1.slideBarContentHeader,children:jsxRuntimeExports.jsx("a",{onClick:handleAppendSlide,children:localeService.t("slide.append")})}),slideList.map((item,index)=>jsxRuntimeExports.jsxs("div",{className:clsx(styles$1.slideBarItem,{[styles$1.slideBarItemActive]:item.id===activatePageId}),onClick:__name(()=>activatePage(item.id),"onClick"),children:[jsxRuntimeExports.jsx("span",{children:index+1}),jsxRuntimeExports.jsx("div",{ref:divRefs[index],className:styles$1.slideBarBox})]},item.id))]})})})}__name(SlideSideBar,"SlideSideBar");const slideEditorContainer="univer-slide-editor-container",editorInput="univer-editor-input",styles={slideEditorContainer,editorInput},HIDDEN_EDITOR_POSITION=-1e3,EDITOR_DEFAULT_POSITION={width:0,height:0,top:HIDDEN_EDITOR_POSITION,left:HIDDEN_EDITOR_POSITION},SlideEditorContainer=__name(()=>{const[state,setState]=React.useState({...EDITOR_DEFAULT_POSITION}),slideEditorManagerService=core.useDependency(ISlideEditorManagerService),editorService=core.useDependency(docsUi.IEditorService),contextService=core.useDependency(core.IContextService),disableAutoFocus=ui.useObservable(()=>contextService.subscribeContextValue$(ui.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[contextService,ui.DISABLE_AUTO_FOCUS_KEY]),snapshot={id:SLIDE_EDITOR_ID,body:{dataStream:`${core.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],paragraphs:[{startIndex:0}]},documentStyle:{documentFlavor:core.DocumentFlavor.MODERN}};return React.useEffect(()=>{slideEditorManagerService.state$.subscribe(param=>{if(param==null)return;const{startX=HIDDEN_EDITOR_POSITION,startY=HIDDEN_EDITOR_POSITION,endX=0,endY=0,show=!1}=param;if(!show)setState({...EDITOR_DEFAULT_POSITION});else{setState({width:endX-startX-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:endY-startY-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:startX+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,top:startY+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET});const editor=editorService.getEditor(SLIDE_EDITOR_ID);if(editor==null)return;const{left,top,width,height}=editor.getBoundingClientRect();slideEditorManagerService.setRect({left,top,width,height})}})},[]),React.useEffect(()=>{disableAutoFocus||slideEditorManagerService.setFocus(!0)},[disableAutoFocus,state]),jsxRuntimeExports.jsx("div",{className:styles.slideEditorContainer,style:{left:state.left,top:state.top,width:state.width,height:state.height},children:jsxRuntimeExports.jsx(docsUi.TextEditor,{id:SLIDE_EDITOR_ID,className:styles.editorInput,snapshot,cancelDefaultResizeListener:!1,isSheetEditor:!1,isSingle:!1})})},"SlideEditorContainer"),IMAGE_UPLOAD_ICON="addition-and-subtraction-single",IMAGE_MENU_ID="slide.menu.image";function SlideImageMenuFactory(accessor){return{id:IMAGE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:IMAGE_UPLOAD_ICON,tooltip:"slide.image.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideImageMenuFactory,"SlideImageMenuFactory");function UploadSlideFloatImageMenuFactory(_accessor){return{id:InsertSlideFloatImageCommand.id,title:"slide.image.insert.float",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatImageMenuFactory,"UploadSlideFloatImageMenuFactory");const TEXT_ICON_ID="text-single";function SlideAddTextMenuItemFactory(_accessor){return{id:SlideAddTextCommand.id,type:ui.MenuItemType.BUTTON,icon:TEXT_ICON_ID,tooltip:"slide.text.insert.title",hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideAddTextMenuItemFactory,"SlideAddTextMenuItemFactory");const GRAPH_SINGLE_ICON="graph-single",SHAPE_MENU_ID="slide.menu.shape";function SlideShapeMenuFactory(accessor){return{id:SHAPE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:GRAPH_SINGLE_ICON,tooltip:"slide.shape.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideShapeMenuFactory,"SlideShapeMenuFactory");function UploadSlideFloatShapeMenuFactory(_accessor){return{id:InsertSlideShapeRectangleCommand.id,title:"slide.shape.insert.rectangle",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatShapeMenuFactory,"UploadSlideFloatShapeMenuFactory");const menuSchema={[ui.RibbonStartGroup.FORMAT]:{[SlideAddTextCommand.id]:{order:0,menuItemFactory:SlideAddTextMenuItemFactory},[IMAGE_MENU_ID]:{order:0,menuItemFactory:SlideImageMenuFactory,[InsertSlideFloatImageCommand.id]:{order:0,menuItemFactory:UploadSlideFloatImageMenuFactory}},[SHAPE_MENU_ID]:{order:0,menuItemFactory:SlideShapeMenuFactory,[InsertSlideShapeRectangleCommand.id]:{order:0,menuItemFactory:UploadSlideFloatShapeMenuFactory}}}};function whenEditorActivated(contextService){return contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)&&contextService.getContextValue(core.EDITOR_ACTIVATED)}__name(whenEditorActivated,"whenEditorActivated");function whenFormulaEditorFocused(contextService){return contextService.getContextValue(core.FORMULA_EDITOR_ACTIVATED)&&contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)}__name(whenFormulaEditorFocused,"whenFormulaEditorFocused");const ARROW_SELECTION_KEYCODE_LIST=[ui.KeyCode.ARROW_DOWN,ui.KeyCode.ARROW_UP,ui.KeyCode.ARROW_LEFT,ui.KeyCode.ARROW_RIGHT];[ui.KeyCode.ENTER,ui.KeyCode.TAB,...ARROW_SELECTION_KEYCODE_LIST];function generateArrowSelectionShortCutItem(){const shortcutList=[];for(const keycode of ARROW_SELECTION_KEYCODE_LIST)shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!1}}),shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode|ui.MetaKeys.SHIFT,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!0}});return shortcutList}__name(generateArrowSelectionShortCutItem,"generateArrowSelectionShortCutItem");const EditorDeleteLeftShortcut={id:docsUi.DeleteLeftCommand.id,preconditions:__name(contextService=>whenEditorActivated(contextService)||whenFormulaEditorFocused(contextService),"preconditions"),binding:ui.KeyCode.BACKSPACE};var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2"),_a8;exports.SlidesUIController=(_a8=class extends core.Disposable{constructor(_injector,_menuManagerService,_componentManager,_uiPartsService,_commandService,_shortcutService){super(),this._injector=_injector,this._menuManagerService=_menuManagerService,this._componentManager=_componentManager,this._uiPartsService=_uiPartsService,this._commandService=_commandService,this._shortcutService=_shortcutService,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(menuSchema)}_initCustomComponents(){const componentManager=this._componentManager;this.disposeWithMe(componentManager.register(IMAGE_UPLOAD_ICON,AddImageSingle)),this.disposeWithMe(componentManager.register(TEXT_ICON_ID,TextSingle)),this.disposeWithMe(componentManager.register(GRAPH_SINGLE_ICON,GraphSingle)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_IMAGE_POPUP_MENU,SlideImagePopupMenu)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_SIDEBAR,RectSidebar))}_initCommands(){[AppendSlideOperation,ActivateSlidePageOperation,SetSlidePageThumbOperation,InsertSlideFloatImageCommand,SlideAddTextOperation,SlideAddTextCommand,InsertSlideShapeRectangleOperation,InsertSlideShapeRectangleCommand,ToggleSlideEditSidebarOperation,DeleteSlideElementOperation,UpdateSlideElementOperation,SetTextEditArrowOperation].forEach(command=>this.disposeWithMe(this._commandService.registerCommand(command)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.LEFT_SIDEBAR,()=>core.connectInjector(SlideSideBar,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.CONTENT,()=>core.connectInjector(SlideEditorContainer,this._injector)))}_initShortcuts(){[EditorDeleteLeftShortcut,...generateArrowSelectionShortCutItem()].forEach(item=>{this.disposeWithMe(this._shortcutService.registerShortcut(item))})}},__name(_a8,"SlidesUIController"),_a8);exports.SlidesUIController=__decorateClass$2([__decorateParam$2(0,core.Inject(core.Injector)),__decorateParam$2(1,ui.IMenuManagerService),__decorateParam$2(2,core.Inject(ui.ComponentManager)),__decorateParam$2(3,ui.IUIPartsService),__decorateParam$2(4,core.ICommandService),__decorateParam$2(5,ui.IShortcutService)],exports.SlidesUIController);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1"),_a9;let SlideRenderService=(_a9=class extends core.RxDisposable{constructor(_contextService,_instanceSrv,_renderManagerService){super(),this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(slideModel=>{this._createRenderer(slideModel==null?void 0:slideModel.getUnitId())}),this._instanceSrv.getAllUnitsForType(core.UniverInstanceType.UNIVER_SLIDE).forEach(slideModel=>{this._createRenderer(slideModel.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(workbook=>this._disposeRenderer(workbook))}_createRenderer(unitId){unitId==null||this._instanceSrv.getUnit(unitId,core.UniverInstanceType.UNIVER_SLIDE)==null||(this._renderManagerService.createRender(unitId),this._renderManagerService.setCurrent(unitId))}_disposeRenderer(workbook){const unitId=workbook.getUnitId();this._renderManagerService.removeRender(unitId)}_initContextListener(){}},__name(_a9,"SlideRenderService"),_a9);SlideRenderService=__decorateClass$1([__decorateParam$1(0,core.IContextService),__decorateParam$1(1,core.IUniverInstanceService),__decorateParam$1(2,engineRender.IRenderManagerService)],SlideRenderService);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam");const SLIDE_UI_PLUGIN_NAME="SLIDE_UI";var _a10;exports.UniverSlidesUIPlugin=(_a10=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_renderManagerService,_univerInstanceService,_configService){super(),this._config=_config,this._injector=_injector,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._configService=_configService;const{menu,...rest}=this._config;menu&&this._configService.setConfig("menu",menu,{merge:!0}),this._configService.setConfig(PLUGIN_CONFIG_KEY,rest)}onStarting(){core.mergeOverrideWithDependencies([[SlideRenderService],[ISlideEditorBridgeService,{useClass:SlideEditorBridgeService}],[ISlideEditorManagerService,{useClass:SlideEditorManagerService}],[exports.SlideCanvasPopMangerService]],this._config.override).forEach(d=>this._injector.add(d))}onReady(){[[SlideRenderController]].forEach(m2=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m2))}),core.mergeOverrideWithDependencies([[exports.CanvasView],[exports.SlidesUIController],[SlideRenderController],[SlidePopupMenuController]],this._config.override).forEach(m2=>{this._injector.add(m2)}),this._injector.get(exports.CanvasView),this._injector.get(SlideRenderService)}onRendered(){[[SlideEditorBridgeRenderController],[SlideEditingRenderController]].forEach(m2=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m2))}),this._markSlideAsFocused(),this._injector.get(exports.SlidesUIController)}onSteady(){this._injector.get(SlidePopupMenuController)}_markSlideAsFocused(){const currentService=this._univerInstanceService;try{const slideDataModel=currentService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE);currentService.focusUnit(slideDataModel.getUnitId())}catch{}}},__name(_a10,"UniverSlidesUIPlugin"),__publicField(_a10,"pluginName",SLIDE_UI_PLUGIN_NAME),__publicField(_a10,"type",core.UniverInstanceType.UNIVER_SLIDE),_a10);exports.UniverSlidesUIPlugin=__decorateClass([__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService),__decorateParam(3,core.IUniverInstanceService),__decorateParam(4,core.IConfigService)],exports.UniverSlidesUIPlugin);exports.ActivateSlidePageOperation=ActivateSlidePageOperation;exports.AppendSlideOperation=AppendSlideOperation;exports.DeleteSlideElementOperation=DeleteSlideElementOperation;exports.IMAGE_MENU_ID=IMAGE_MENU_ID;exports.ISlideEditorBridgeService=ISlideEditorBridgeService;exports.InsertSlideFloatImageCommand=InsertSlideFloatImageCommand;exports.InsertSlideShapeRectangleCommand=InsertSlideShapeRectangleCommand;exports.InsertSlideShapeRectangleOperation=InsertSlideShapeRectangleOperation;exports.SHAPE_MENU_ID=SHAPE_MENU_ID;exports.SLIDE_EDITOR_ID=SLIDE_EDITOR_ID;exports.SetSlidePageThumbOperation=SetSlidePageThumbOperation;exports.SlideAddTextCommand=SlideAddTextCommand;exports.SlideAddTextOperation=SlideAddTextOperation;exports.SlideEditorContainer=SlideEditorContainer;exports.SlideSideBar=SlideSideBar;exports.UpdateSlideElementOperation=UpdateSlideElementOperation;exports.menuSchema=menuSchema;
10
+ `,textRuns:[{st:0,ed:content.length}],paragraphs:[{paragraphStyle:{},startIndex:content.length+1}],sectionBreaks:[{startIndex:content.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:fontSize},renderConfig:{verticalAlign:core.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}},__name(_a5,"SlideEditorBridgeService"),_a5);SlideEditorBridgeService=__decorateClass$5([__decorateParam$5(0,docsUi.IEditorService),__decorateParam$5(1,core.IContextService),__decorateParam$5(2,engineRender.IRenderManagerService)],SlideEditorBridgeService);const _SlideEditorManagerService=class _SlideEditorManagerService{constructor(){__publicField(this,"_state",null);__publicField(this,"_rect",null);__publicField(this,"_state$",new rxjs.BehaviorSubject(null));__publicField(this,"state$",this._state$.asObservable());__publicField(this,"_rect$",new rxjs.BehaviorSubject(null));__publicField(this,"rect$",this._rect$.asObservable());__publicField(this,"_focus",!1);__publicField(this,"_focus$",new rxjs.BehaviorSubject(this._focus));__publicField(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(param){this._state=param,this._refresh(param)}getRect(){return this._rect}setRect(param){this._rect=param,this._rect$.next(param)}getState(){return this._state}setFocus(param=!1){this._focus=param,this._focus$.next(param)}_refresh(param){this._state$.next(param)}};__name(_SlideEditorManagerService,"SlideEditorManagerService");let SlideEditorManagerService=_SlideEditorManagerService;const ISlideEditorManagerService=core.createIdentifier("univer.slide-editor-manager.service");var CursorChange=(_CursorChange=>(_CursorChange[_CursorChange.InitialState=0]="InitialState",_CursorChange[_CursorChange.StartEditor=1]="StartEditor",_CursorChange[_CursorChange.CursorChange=2]="CursorChange",_CursorChange))(CursorChange||{}),__defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4");const HIDDEN_EDITOR_POSITION$1=-1e3,EDITOR_INPUT_SELF_EXTEND_GAP=5,EDITOR_BORDER_SIZE=2;var _a6;let SlideEditingRenderController=(_a6=class extends core.Disposable{constructor(_renderContext,_layoutService,_undoRedoService,_contextService,_instanceSrv,_renderManagerService,_editorBridgeService,_cellEditorManagerService,_textSelectionManagerService,_commandService,_localService,_editorService){super();__publicField(this,"_cursorChange",CursorChange.InitialState);__publicField(this,"_isUnitEditing",!1);__publicField(this,"_d");this._renderContext=_renderContext,this._layoutService=_layoutService,this._undoRedoService=_undoRedoService,this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,this._editorBridgeService=_editorBridgeService,this._cellEditorManagerService=_cellEditorManagerService,this._textSelectionManagerService=_textSelectionManagerService,this._commandService=_commandService,this._localService=_localService,this._editorService=_editorService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode:ui.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var _a11;(_a11=this._d)==null||_a11.dispose(),this._d=null}_init(){const d=new core.DisposableCollection;return this._subscribeToCurrentCell(d),this._initialKeyboardListener(d),this._initialCursorSync(d),this._listenEditorFocus(d),this._commandExecutedListener(d),setTimeout(()=>{this._cursorStateListener(d)},1e3),d}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(param=>{param.visible?(this._isUnitEditing=!0,this._handleEditorVisible(param)):this._isUnitEditing&&(this._handleEditorInvisible(param),this._isUnitEditing=!1)}))}_listenEditorFocus(d){const renderConfig=this._getEditorObject();renderConfig&&d.add(renderConfig.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(editorId){var _a11;return(_a11=this._renderManagerService.getRenderById(editorId))==null?void 0:_a11.with(docs.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(editorId){var _a11;return(_a11=this._renderManagerService.getRenderById(editorId))==null?void 0:_a11.with(docs.DocSkeletonManagerService).getViewModel()}_initialCursorSync(d){d.add(this._cellEditorManagerService.focus$.pipe(rxjs.filter(f2=>!!f2)).subscribe(()=>{var _a11;const docSelectionRenderManager=(_a11=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a11.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.sync()}))}_subscribeToCurrentCell(d){d.add(this._editorBridgeService.currentEditRectState$.subscribe(editCellState=>{var _a11;if(editCellState==null||this._contextService.getContextValue(core.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX,endX},documentLayoutObject:{textRotation,wrapStrategy,documentModel},scaleX,editorUnitId}=editCellState,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation);documentModel.updateDocumentId(editorUnitId),wrapStrategy===core.WrapStrategy.WRAP&&angle===0&&documentModel.updateDocumentDataPageSize((endX-startX)/scaleX),this._instanceSrv.changeDoc(editorUnitId,documentModel),this._contextService.setContextValue(core.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]);const docSelectionRenderManager=(_a11=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a11.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION$1,HIDDEN_EDITOR_POSITION$1)}))}_fitTextSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,startY,endX,endY}=positionFromEditRectState,documentDataModel=documentLayoutObject.documentModel;if(documentDataModel==null)return;const{actualWidth,actualHeight}=this._predictingSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX,scaleY),{verticalAlign,paddingData,fill}=documentLayoutObject;let editorWidth=endX-startX,editorHeight=endY-startY;if(editorWidth<actualWidth&&(editorWidth=actualWidth),editorHeight<actualHeight)editorHeight=actualHeight,documentDataModel.updateDocumentDataMargin(paddingData);else{let offsetTop=0;verticalAlign===core.VerticalAlign.MIDDLE?offsetTop=(editorHeight-actualHeight)/2/scaleY:verticalAlign===core.VerticalAlign.TOP?offsetTop=paddingData.t||0:offsetTop=(editorHeight-actualHeight)/scaleY-(paddingData.b||0),offsetTop=offsetTop<(paddingData.t||0)?paddingData.t||0:offsetTop,documentDataModel.updateDocumentDataMargin({t:offsetTop})}documentSkeleton.calculate(),this._editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX,scaleY)}_predictingSize(actualRangeWithCoord,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,endX}=actualRangeWithCoord,{textRotation,wrapStrategy}=documentLayoutObject,documentDataModel=documentLayoutObject.documentModel,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation),clientWidth=document.body.clientWidth;if(wrapStrategy===core.WrapStrategy.WRAP&&angle===0){const{actualWidth,actualHeight}=documentSkeleton.getActualSize();return{actualWidth:actualWidth*scaleX,actualHeight:actualHeight*scaleY}}documentDataModel==null||documentDataModel.updateDocumentDataPageSize((clientWidth-startX-canvasOffset.left)/scaleX),documentSkeleton.calculate();const size=documentSkeleton.getActualSize();let editorWidth=endX-startX;return editorWidth<size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX&&(editorWidth=size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX),documentDataModel==null||documentDataModel.updateDocumentDataPageSize(editorWidth/scaleX),documentDataModel==null||documentDataModel.updateDocumentRenderConfig({horizontalAlign:core.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:editorWidth,actualHeight:size.actualHeight*scaleY}}_editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX=1,scaleY=1){var _a11;const editorObject=this._getEditorObject();if(editorObject==null)return;function pxToNum(width2){return Number.parseInt(width2.replace("px",""))}__name(pxToNum,"pxToNum");const canvasElement=this._renderContext.engine.getCanvasElement(),canvasClientRect=canvasElement.getBoundingClientRect(),widthOfCanvas=pxToNum(canvasElement.style.width),{top,left,width}=canvasClientRect,scaleAdjust=width/widthOfCanvas;let{startX,startY}=positionFromEditRectState;startX+=canvasOffset.left,startY+=canvasOffset.top;const{document:documentComponent,scene:editorScene,engine:docEngine}=editorObject,viewportMain=editorScene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN),clientHeight=document.body.clientHeight-startY-canvasOffset.top-EDITOR_BORDER_SIZE*2,clientWidth=document.body.clientWidth-startX-canvasOffset.left;let physicHeight=editorHeight,scrollBar=viewportMain==null?void 0:viewportMain.getScrollBar();physicHeight>clientHeight?(physicHeight=clientHeight,scrollBar==null?viewportMain&&new engineRender.ScrollBar(viewportMain,{enableHorizontal:!1,barSize:8}):viewportMain==null||viewportMain.resetCanvasSizeAndUpdateScroll()):(scrollBar=null,(_a11=viewportMain==null?void 0:viewportMain.getScrollBar())==null||_a11.dispose()),editorWidth+=(scrollBar==null?void 0:scrollBar.barSize)||0,editorWidth=Math.min(editorWidth,clientWidth),startX-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,startY-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(editorScene,editorWidth/scaleX,editorHeight/scaleY,fill);const{scaleX:precisionScaleX,scaleY:precisionScaleY}=editorScene.getPrecisionScale();editorScene.transformByState({width:editorWidth*scaleAdjust/scaleX,height:editorHeight*scaleAdjust/scaleY,scaleX:scaleX*scaleAdjust,scaleY:scaleY*scaleAdjust}),documentComponent.resize(editorWidth/scaleX,editorHeight/scaleY),setTimeout(()=>{docEngine.resizeBySize(engineRender.fixLineWidthByScale(editorWidth,precisionScaleX),engineRender.fixLineWidthByScale(physicHeight,precisionScaleY))},0);const contentBoundingRect=this._layoutService.getContentElement().getBoundingClientRect(),canvasBoundingRect=canvasElement.getBoundingClientRect();startX=startX*scaleAdjust+(canvasBoundingRect.left-contentBoundingRect.left),startY=startY*scaleAdjust+(canvasBoundingRect.top-contentBoundingRect.top),this._cellEditorManagerService.setState({startX,startY,endX:editorWidth*scaleAdjust+startX,endY:physicHeight*scaleAdjust+startY,show:!0})}_addBackground(scene,editorWidth,editorHeight,fill){const fillRectKey="_backgroundRectHelperColor_",rect=scene.getObject(fillRectKey);rect==null&&fill==null||(rect==null?scene.addObjects([new engineRender.Rect(fillRectKey,{width:editorWidth,height:editorHeight,fill,evented:!1})],docsUi.DOCS_COMPONENT_MAIN_LAYER_INDEX):fill==null?rect.dispose():(rect.setProps({fill}),rect.transformByState({width:editorWidth,height:editorHeight})))}_handleEditorVisible(param){var _a11,_b;const{eventType}=param;this._cursorChange=[engineRender.DeviceInputEventType.PointerDown,engineRender.DeviceInputEventType.Dblclick].includes(eventType)?CursorChange.CursorChange:CursorChange.StartEditor;const editCellState=this._editorBridgeService.getEditRectState();if(editCellState==null)return;const{position,documentLayoutObject,slideCardOffset:canvasOffset,scaleX,scaleY,editorUnitId,unitId}=editCellState,editorObject=this._getEditorObject();if(editorObject==null)return;const{scene}=editorObject;this._contextService.setContextValue(core.EDITOR_ACTIVATED,!0);const{documentModel:documentDataModel}=documentLayoutObject,skeleton=this._getEditorSkeleton(editorUnitId);if(!skeleton||!documentDataModel)return;this._fitTextSize(position,canvasOffset,skeleton,documentLayoutObject,scaleX,scaleY);const cursor=documentDataModel.getBody().dataStream.length-2||0;(_a11=scene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN))==null||_a11.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:cursor,endOffset:cursor}]),(_b=this._renderManagerService.getRenderById(unitId))==null||_b.scene.resetCursor()}_resetBodyStyle(body,removeStyle=!1){body.dataStream=core.DEFAULT_EMPTY_DOCUMENT_VALUE,body.textRuns!=null&&(body.textRuns.length===1&&!removeStyle?(body.textRuns[0].st=0,body.textRuns[0].ed=1):body.textRuns=void 0),body.paragraphs!=null&&(body.paragraphs.length===1?body.paragraphs[0].startIndex=0:body.paragraphs=[{startIndex:0}]),body.sectionBreaks!=null&&(body.sectionBreaks=void 0),body.tables!=null&&(body.tables=void 0),body.customRanges!=null&&(body.customRanges=void 0),body.customBlocks!=null&&(body.customBlocks=void 0)}_initialKeyboardListener(d){}_showEditorByKeyboard(config){}_commandExecutedListener(d){const moveCursorOP=[SetTextEditArrowOperation.id],editedMutations=[docs.RichTextEditingMutation.id];d.add(this._commandService.onCommandExecuted(command=>{this._editorService.getFocusId()===SLIDE_EDITOR_ID&&(moveCursorOP.includes(command.id)&&this._moveCursorCmdHandler(command),editedMutations.includes(command.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(command){const params=command.params,{keycode,isShift}=params;keycode!=null&&this._cursorChange===CursorChange.CursorChange?this._moveInEditor(keycode,isShift):this._editorBridgeService.changeVisible(params)}_editingChangedHandler(){const editRect=this._editorBridgeService.getEditorRect();if(!editRect)return;const editingRichText=editRect.richTextObj;editingRichText.refreshDocumentByDocData(),editingRichText.resizeToContentSize();const{unitId}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId})}_setOpenForCurrent(unitId,subUnitId){const editors=this._editorService.getAllEditor();for(const[_,ed]of editors)ed.setOpenForSheetUnitId(unitId),ed.setOpenForSheetSubUnitId(subUnitId)}_getEditorObject(){return getEditorObject(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(param){const{keycode}=param;if(this._setOpenForCurrent(null,null),this._cursorChange=CursorChange.InitialState,this._exitInput(param),this._editorBridgeService.getEditRectState()==null)return;if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(keycode);return}this._moveCursor(keycode)}_exitInput(param){this._contextService.setContextValue(core.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:param.visible});const editorUnitId=this._editorBridgeService.getCurrentEditorId();editorUnitId!=null&&this._undoRedoService.clearUndoRedo(editorUnitId)}_moveCursor(keycode){if(keycode!=null)switch(core.Direction.LEFT,keycode){case ui.KeyCode.ENTER:core.Direction.DOWN;break;case ui.KeyCode.TAB:core.Direction.RIGHT;break;case ui.KeyCode.ARROW_DOWN:core.Direction.DOWN;break;case ui.KeyCode.ARROW_UP:core.Direction.UP;break;case ui.KeyCode.ARROW_LEFT:core.Direction.LEFT;break;case ui.KeyCode.ARROW_RIGHT:core.Direction.RIGHT;break}}_cursorStateListener(d){const editorObject=this._getEditorObject(),{document:documentComponent}=editorObject;d.add(core.toDisposable(documentComponent.onPointerDown$.subscribeEvent(()=>{this._cursorChange===CursorChange.StartEditor&&(this._cursorChange=CursorChange.CursorChange)})))}_moveInEditor(keycode,isShift){let direction=core.Direction.LEFT;keycode===ui.KeyCode.ARROW_DOWN?direction=core.Direction.DOWN:keycode===ui.KeyCode.ARROW_UP?direction=core.Direction.UP:keycode===ui.KeyCode.ARROW_RIGHT&&(direction=core.Direction.RIGHT),isShift?this._commandService.executeCommand(docsUi.MoveSelectionOperation.id,{direction}):this._commandService.executeCommand(docsUi.MoveCursorOperation.id,{direction})}},__name(_a6,"SlideEditingRenderController"),_a6);SlideEditingRenderController=__decorateClass$4([__decorateParam$4(1,ui.ILayoutService),__decorateParam$4(2,core.IUndoRedoService),__decorateParam$4(3,core.IContextService),__decorateParam$4(4,core.IUniverInstanceService),__decorateParam$4(5,engineRender.IRenderManagerService),__decorateParam$4(6,ISlideEditorBridgeService),__decorateParam$4(7,ISlideEditorManagerService),__decorateParam$4(8,core.Inject(docs.DocSelectionManagerService)),__decorateParam$4(9,core.ICommandService),__decorateParam$4(10,core.Inject(core.LocaleService)),__decorateParam$4(11,docsUi.IEditorService)],SlideEditingRenderController);function getEditorObject(unitId,renderManagerService){if(unitId==null)return;const currentRender=renderManagerService.getRenderById(unitId);if(currentRender==null)return;const{mainComponent,scene,engine,components}=currentRender,document2=mainComponent,docBackground=components.get(docsUi.DOCS_VIEW_KEY.BACKGROUND);return{document:document2,docBackground,scene,engine}}__name(getEditorObject,"getEditorObject");var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3"),_a7;let SlideEditorBridgeRenderController=(_a7=class extends core.RxDisposable{constructor(_renderContext,_instanceSrv,_commandService,_editorBridgeService){super();__publicField(this,"setSlideTextEditor$",new rxjs.Subject);__publicField(this,"_curRichText",null);__publicField(this,"_d");this._renderContext=_renderContext,this._instanceSrv=_instanceSrv,this._commandService=_commandService,this._editorBridgeService=_editorBridgeService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const d=new core.DisposableCollection;return this._initEventListener(d),d}_disposeCurrent(){var _a11;(_a11=this._d)==null||_a11.dispose(),this._d=null}_setEditorRect(pageId,targetObject){this._curRichText=targetObject;const{scene,engine}=this._renderContext,unitId=this._renderContext.unitId,setEditorRect={scene,engine,unitId,pageId,richTextObj:targetObject};this._editorBridgeService.setEditorRect(setEditorRect)}_initEventListener(d){const listenersForPageScene=__name(scene=>{const transformer=scene.getTransformer();transformer&&(d.add(transformer.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),d.add(transformer.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),d.add(scene.onDblclick$.subscribeEvent(()=>{transformer.clearControls();const object=transformer.getSelectedObjectMap().values().next().value;object&&(object.objectType!==engineRender.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(scene.sceneKey,object))})),d.add(this._instanceSrv.focused$.subscribe(fc=>{this.endEditing()})))},"listenersForPageScene"),{mainComponent}=this._renderContext;mainComponent.subSceneChanged$.subscribeEvent(pageScene=>{listenersForPageScene(pageScene)});const pageSceneList=Array.from(mainComponent.getSubScenes().values());for(let i=0;i<pageSceneList.length;i++){const pageScene=pageSceneList[i];listenersForPageScene(pageScene)}}pickOtherObjects(){this.endEditing()}endEditing(){var _a11;if(!this._curRichText)return;this.setEditorVisible(!1);const curRichText=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))return!1;curRichText.refreshDocumentByDocData(),curRichText.resizeToContentSize(),this._editorBridgeService.endEditing$.next(curRichText);const richText={bl:1,fs:curRichText.fs,text:curRichText.text},textRuns=(_a11=curRichText.documentData.body)==null?void 0:_a11.textRuns;if(textRuns&&textRuns.length){const ts=textRuns[0].ts;richText.cl=ts==null?void 0:ts.cl}this._commandService.executeCommand(UpdateSlideElementOperation.id,{unitId:this._renderContext.unitId,oKey:curRichText==null?void 0:curRichText.oKey,props:{richText}}),this._curRichText=null}startEditing(pageId,target){this._setEditorRect(pageId,target),this.setEditorVisible(!0)}setEditorVisible(visible){var _a11,_b;visible?(_a11=this._curRichText)==null||_a11.hide():(_b=this._curRichText)==null||_b.show();const{unitId}=this._renderContext;this._editorBridgeService.changeVisible({visible,eventType:engineRender.DeviceInputEventType.PointerDown,unitId})}},__name(_a7,"SlideEditorBridgeRenderController"),_a7);SlideEditorBridgeRenderController=__decorateClass$3([__decorateParam$3(1,core.IUniverInstanceService),__decorateParam$3(2,core.ICommandService),__decorateParam$3(3,ISlideEditorBridgeService)],SlideEditorBridgeRenderController);const ActivateSlidePageOperation={id:"slide.operation.activate-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{var _a11,_b;const unitId=params.unitId,canvasView=accessor.get(exports.CanvasView),model=accessor.get(core.IUniverInstanceService).getUnit(unitId),pageId=(_a11=model==null?void 0:model.getActivePage())==null?void 0:_a11.id;if(!pageId)return!1;const page=canvasView.getRenderUnitByPageId(pageId,unitId);if(!page)return!1;const transformer=(_b=page.scene)==null?void 0:_b.getTransformer();return transformer&&transformer.clearControls(),canvasView.activePage(params.id,unitId),!0},"handler")},AppendSlideOperation={id:"slide.operation.append-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const unitId=params.unitId;return accessor.get(core.IUniverInstanceService).getUnit(unitId)?(accessor.get(exports.CanvasView).appendPage(unitId),!0):!1},"handler")},InsertSlideFloatImageCommand={id:"slide.command.insert-float-image",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{var _a11;const univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=(_a11=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))==null?void 0:_a11.getUnitId();if(!unitId)return!1;const files=await accessor.get(ui.ILocalFileService).openFile({multiple:!0,accept:drawing.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(image2=>`.${image2.replace("image/","")}`).join(",")});if(files.length!==1)return!1;const imageParam=await accessor.get(drawing.IImageIoService).saveImage(files[0]);if(!imageParam)return!1;const{imageId,imageSourceType,source,base64Cache}=imageParam,{width,height,image}=await drawing.getImageSize(base64Cache||""),slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):20,data={id:imageId,zIndex:maxIndex+1,left:0,top:0,width,height,title:"",description:"",type:core.PageElementType.IMAGE,image:{imageProperties:{contentUrl:base64Cache,imageSourceType,source,base64Cache,image}}};activePage.pageElements[imageId]=data,slideData.updatePage(activePage.id,activePage);const canvasView=accessor.get(exports.CanvasView),sceneObject=canvasView.createObjectToPage(data,activePage.id,unitId);return sceneObject&&canvasView.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SlideAddTextCommand={id:"slide.command.add-text",type:core.CommandType.COMMAND,handler:__name(async accessor=>{var _a11;const commandService=accessor.get(core.ICommandService),unitId=(_a11=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a11.getUnitId();return await commandService.executeCommand(SlideAddTextOperation.id,{unitId})},"handler")},SlideAddTextOperation={id:"slide.operation.add-text",type:core.CommandType.OPERATION,handler:__name(async(accessor,params)=>{const unitId=params.unitId,elementId=core.generateRandomId(6),defaultWidth=220,defaultheight=40,left=230,top=142,textContent=(params==null?void 0:params.text)||"A New Text",slideData=accessor.get(core.IUniverInstanceService).getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):21,elementData={id:elementId,zIndex:maxIndex+1,left,top,width:defaultWidth,height:defaultheight,title:"text",description:"",type:core.PageElementType.TEXT,richText:{text:textContent,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};activePage.pageElements[elementId]=elementData,slideData.updatePage(activePage.id,activePage);const canvasview=accessor.get(exports.CanvasView),sceneObject=canvasview.createObjectToPage(elementData,activePage.id,unitId);return sceneObject&&canvasview.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SetSlidePageThumbOperation={id:"slide.operation.set-slide-page-thumb",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>(accessor.get(exports.CanvasView).createThumbs(params.unitId),!0),"handler")},imagePopupMenu="univer-image-popup-menu",imagePopupMenuItem="univer-image-popup-menu-item",imagePopupMenuItemIcon="univer-image-popup-menu-item-icon",imagePopupMenuItemTitle="univer-image-popup-menu-item-title",imagePopupMenuItemHide="univer-image-popup-menu-item-hide",btnContainer="univer-btn-container",btnContainerExpand="univer-btn-container-expand",styles$2={imagePopupMenu,imagePopupMenuItem,imagePopupMenuItemIcon,imagePopupMenuItemTitle,imagePopupMenuItemHide,btnContainer,btnContainerExpand},SlideImagePopupMenu=__name(props=>{var _a11,_b;const menuItems=(_b=(_a11=props.popup)==null?void 0:_a11.extraProps)==null?void 0:_b.menuItems;if(!menuItems)return null;const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),[visible,setVisible]=React.useState(!1),[isHovered,setHovered]=React.useState(!1),handleMouseEnter=__name(()=>{setHovered(!0)},"handleMouseEnter"),handleMouseLeave=__name(()=>{setHovered(!1)},"handleMouseLeave"),onVisibleChange=__name(visible2=>{setVisible(visible2)},"onVisibleChange"),handleClick=__name(item=>{commandService.executeCommand(item.commandId,item.commandParams),setVisible(!1)},"handleClick"),showMore=visible||isHovered,availableMenu=menuItems.filter(item=>!item.disable);return jsxRuntimeExports.jsx("div",{onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:jsxRuntimeExports.jsx(design.Dropdown,{placement:"bottomLeft",trigger:["click"],overlay:jsxRuntimeExports.jsx("ul",{className:styles$2.imagePopupMenu,children:availableMenu.map(item=>jsxRuntimeExports.jsx("li",{onClick:__name(()=>handleClick(item),"onClick"),className:styles$2.imagePopupMenuItem,children:jsxRuntimeExports.jsx("span",{className:styles$2.imagePopupMenuItemTitle,children:localeService.t(item.label)})},item.index))}),visible,onVisibleChange,children:jsxRuntimeExports.jsxs("div",{className:clsx(styles$2.btnContainer,{[styles$2.btnContainerExpand]:visible}),children:[jsxRuntimeExports.jsx(Autofill,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),showMore&&jsxRuntimeExports.jsx(MoreDownSingle,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},"SlideImagePopupMenu"),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",styles$1={slideBar,slideBarContent,slideBarContentHeader,slideBarItem,slideBarBox,slideBarItemActive,slideAddButton};function SlideSideBar(){var _a11,_b;const univerInstanceService=core.useDependency(core.IUniverInstanceService),commandService=core.useDependency(core.ICommandService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),localeService=core.useDependency(core.LocaleService),slideBarRef=React.useRef(null),currentSlide=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pages=currentSlide==null?void 0:currentSlide.getPages(),pageOrder=currentSlide==null?void 0:currentSlide.getPageOrder();if(!pages||!pageOrder)return null;const slideList=pageOrder.map(id=>pages[id]),[divRefs,setDivRefs]=React.useState([]),[activatePageId,setActivatePageId]=React.useState((_b=(_a11=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a11.id)!=null?_b:null);React.useEffect(()=>{setDivRefs(slideList.map(_=>React.createRef()))},[slideList.length]),React.useEffect(()=>{const subscriber=currentSlide==null?void 0:currentSlide.activePage$.subscribe(page=>{var _a12;const id=(_a12=page==null?void 0:page.id)!=null?_a12:null;id&&setActivatePageId(id)});return()=>{subscriber==null||subscriber.unsubscribe()}},[]),React.useEffect(()=>{divRefs.forEach((ref,index)=>{var _a12;if(ref.current){const slide=slideList[index];(_a12=renderManagerService.getRenderById(slide.id))==null||_a12.engine.setContainer(ref.current)}}),divRefs.length>0&&commandService.syncExecuteCommand(SetSlidePageThumbOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[divRefs,slideList,renderManagerService,commandService,currentSlide]);const activatePage=React.useCallback(page=>{commandService.syncExecuteCommand(ActivateSlidePageOperation.id,{id:page,unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]),handleAppendSlide=React.useCallback(()=>{commandService.syncExecuteCommand(AppendSlideOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]);return jsxRuntimeExports.jsx("aside",{className:styles$1.slideBar,ref:slideBarRef,children:jsxRuntimeExports.jsx(design.Scrollbar,{children:jsxRuntimeExports.jsxs("div",{className:styles$1.slideBarContent,children:[jsxRuntimeExports.jsx("header",{className:styles$1.slideBarContentHeader,children:jsxRuntimeExports.jsx("a",{onClick:handleAppendSlide,children:localeService.t("slide.append")})}),slideList.map((item,index)=>jsxRuntimeExports.jsxs("div",{className:clsx(styles$1.slideBarItem,{[styles$1.slideBarItemActive]:item.id===activatePageId}),onClick:__name(()=>activatePage(item.id),"onClick"),children:[jsxRuntimeExports.jsx("span",{children:index+1}),jsxRuntimeExports.jsx("div",{ref:divRefs[index],className:styles$1.slideBarBox})]},item.id))]})})})}__name(SlideSideBar,"SlideSideBar");const slideEditorContainer="univer-slide-editor-container",editorInput="univer-editor-input",styles={slideEditorContainer,editorInput},HIDDEN_EDITOR_POSITION=-1e3,EDITOR_DEFAULT_POSITION={width:0,height:0,top:HIDDEN_EDITOR_POSITION,left:HIDDEN_EDITOR_POSITION},SlideEditorContainer=__name(()=>{const[state,setState]=React.useState({...EDITOR_DEFAULT_POSITION}),slideEditorManagerService=core.useDependency(ISlideEditorManagerService),editorService=core.useDependency(docsUi.IEditorService),contextService=core.useDependency(core.IContextService),disableAutoFocus=ui.useObservable(()=>contextService.subscribeContextValue$(ui.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[contextService,ui.DISABLE_AUTO_FOCUS_KEY]),snapshot={id:SLIDE_EDITOR_ID,body:{dataStream:`${core.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],paragraphs:[{startIndex:0}]},documentStyle:{documentFlavor:core.DocumentFlavor.UNSPECIFIED}};return React.useEffect(()=>{slideEditorManagerService.state$.subscribe(param=>{if(param==null)return;const{startX=HIDDEN_EDITOR_POSITION,startY=HIDDEN_EDITOR_POSITION,endX=0,endY=0,show=!1}=param;if(!show)setState({...EDITOR_DEFAULT_POSITION});else{setState({width:endX-startX-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:endY-startY-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:startX+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,top:startY+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET});const editor=editorService.getEditor(SLIDE_EDITOR_ID);if(editor==null)return;const{left,top,width,height}=editor.getBoundingClientRect();slideEditorManagerService.setRect({left,top,width,height})}})},[]),React.useEffect(()=>{disableAutoFocus||slideEditorManagerService.setFocus(!0)},[disableAutoFocus,state]),jsxRuntimeExports.jsx("div",{className:styles.slideEditorContainer,style:{left:state.left,top:state.top,width:state.width,height:state.height},children:jsxRuntimeExports.jsx(docsUi.TextEditor,{id:SLIDE_EDITOR_ID,className:styles.editorInput,snapshot,cancelDefaultResizeListener:!1,isSheetEditor:!1,isSingle:!1})})},"SlideEditorContainer"),IMAGE_UPLOAD_ICON="addition-and-subtraction-single",IMAGE_MENU_ID="slide.menu.image";function SlideImageMenuFactory(accessor){return{id:IMAGE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:IMAGE_UPLOAD_ICON,tooltip:"slide.image.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideImageMenuFactory,"SlideImageMenuFactory");function UploadSlideFloatImageMenuFactory(_accessor){return{id:InsertSlideFloatImageCommand.id,title:"slide.image.insert.float",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatImageMenuFactory,"UploadSlideFloatImageMenuFactory");const TEXT_ICON_ID="text-single";function SlideAddTextMenuItemFactory(_accessor){return{id:SlideAddTextCommand.id,type:ui.MenuItemType.BUTTON,icon:TEXT_ICON_ID,tooltip:"slide.text.insert.title",hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideAddTextMenuItemFactory,"SlideAddTextMenuItemFactory");const GRAPH_SINGLE_ICON="graph-single",SHAPE_MENU_ID="slide.menu.shape";function SlideShapeMenuFactory(accessor){return{id:SHAPE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:GRAPH_SINGLE_ICON,tooltip:"slide.shape.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideShapeMenuFactory,"SlideShapeMenuFactory");function UploadSlideFloatShapeMenuFactory(_accessor){return{id:InsertSlideShapeRectangleCommand.id,title:"slide.shape.insert.rectangle",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatShapeMenuFactory,"UploadSlideFloatShapeMenuFactory");const menuSchema={[ui.RibbonStartGroup.FORMAT]:{[SlideAddTextCommand.id]:{order:0,menuItemFactory:SlideAddTextMenuItemFactory},[IMAGE_MENU_ID]:{order:0,menuItemFactory:SlideImageMenuFactory,[InsertSlideFloatImageCommand.id]:{order:0,menuItemFactory:UploadSlideFloatImageMenuFactory}},[SHAPE_MENU_ID]:{order:0,menuItemFactory:SlideShapeMenuFactory,[InsertSlideShapeRectangleCommand.id]:{order:0,menuItemFactory:UploadSlideFloatShapeMenuFactory}}}};function whenEditorActivated(contextService){return contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)&&contextService.getContextValue(core.EDITOR_ACTIVATED)}__name(whenEditorActivated,"whenEditorActivated");function whenFormulaEditorFocused(contextService){return contextService.getContextValue(core.FORMULA_EDITOR_ACTIVATED)&&contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)}__name(whenFormulaEditorFocused,"whenFormulaEditorFocused");const ARROW_SELECTION_KEYCODE_LIST=[ui.KeyCode.ARROW_DOWN,ui.KeyCode.ARROW_UP,ui.KeyCode.ARROW_LEFT,ui.KeyCode.ARROW_RIGHT];[ui.KeyCode.ENTER,ui.KeyCode.TAB,...ARROW_SELECTION_KEYCODE_LIST];function generateArrowSelectionShortCutItem(){const shortcutList=[];for(const keycode of ARROW_SELECTION_KEYCODE_LIST)shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!1}}),shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode|ui.MetaKeys.SHIFT,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!0}});return shortcutList}__name(generateArrowSelectionShortCutItem,"generateArrowSelectionShortCutItem");const EditorDeleteLeftShortcut={id:docsUi.DeleteLeftCommand.id,preconditions:__name(contextService=>whenEditorActivated(contextService)||whenFormulaEditorFocused(contextService),"preconditions"),binding:ui.KeyCode.BACKSPACE};var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2"),_a8;exports.SlidesUIController=(_a8=class extends core.Disposable{constructor(_injector,_menuManagerService,_componentManager,_uiPartsService,_commandService,_shortcutService){super(),this._injector=_injector,this._menuManagerService=_menuManagerService,this._componentManager=_componentManager,this._uiPartsService=_uiPartsService,this._commandService=_commandService,this._shortcutService=_shortcutService,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(menuSchema)}_initCustomComponents(){const componentManager=this._componentManager;this.disposeWithMe(componentManager.register(IMAGE_UPLOAD_ICON,AddImageSingle)),this.disposeWithMe(componentManager.register(TEXT_ICON_ID,TextSingle)),this.disposeWithMe(componentManager.register(GRAPH_SINGLE_ICON,GraphSingle)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_IMAGE_POPUP_MENU,SlideImagePopupMenu)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_SIDEBAR,RectSidebar))}_initCommands(){[AppendSlideOperation,ActivateSlidePageOperation,SetSlidePageThumbOperation,InsertSlideFloatImageCommand,SlideAddTextOperation,SlideAddTextCommand,InsertSlideShapeRectangleOperation,InsertSlideShapeRectangleCommand,ToggleSlideEditSidebarOperation,DeleteSlideElementOperation,UpdateSlideElementOperation,SetTextEditArrowOperation].forEach(command=>this.disposeWithMe(this._commandService.registerCommand(command)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.LEFT_SIDEBAR,()=>core.connectInjector(SlideSideBar,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.CONTENT,()=>core.connectInjector(SlideEditorContainer,this._injector)))}_initShortcuts(){[EditorDeleteLeftShortcut,...generateArrowSelectionShortCutItem()].forEach(item=>{this.disposeWithMe(this._shortcutService.registerShortcut(item))})}},__name(_a8,"SlidesUIController"),_a8);exports.SlidesUIController=__decorateClass$2([__decorateParam$2(0,core.Inject(core.Injector)),__decorateParam$2(1,ui.IMenuManagerService),__decorateParam$2(2,core.Inject(ui.ComponentManager)),__decorateParam$2(3,ui.IUIPartsService),__decorateParam$2(4,core.ICommandService),__decorateParam$2(5,ui.IShortcutService)],exports.SlidesUIController);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1"),_a9;let SlideRenderService=(_a9=class extends core.RxDisposable{constructor(_contextService,_instanceSrv,_renderManagerService){super(),this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(slideModel=>{this._createRenderer(slideModel==null?void 0:slideModel.getUnitId())}),this._instanceSrv.getAllUnitsForType(core.UniverInstanceType.UNIVER_SLIDE).forEach(slideModel=>{this._createRenderer(slideModel.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(workbook=>this._disposeRenderer(workbook))}_createRenderer(unitId){unitId==null||this._instanceSrv.getUnit(unitId,core.UniverInstanceType.UNIVER_SLIDE)==null||(this._renderManagerService.createRender(unitId),this._renderManagerService.setCurrent(unitId))}_disposeRenderer(workbook){const unitId=workbook.getUnitId();this._renderManagerService.removeRender(unitId)}_initContextListener(){}},__name(_a9,"SlideRenderService"),_a9);SlideRenderService=__decorateClass$1([__decorateParam$1(0,core.IContextService),__decorateParam$1(1,core.IUniverInstanceService),__decorateParam$1(2,engineRender.IRenderManagerService)],SlideRenderService);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam");const SLIDE_UI_PLUGIN_NAME="SLIDE_UI";var _a10;exports.UniverSlidesUIPlugin=(_a10=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_renderManagerService,_univerInstanceService,_configService){super(),this._config=_config,this._injector=_injector,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._configService=_configService;const{menu,...rest}=this._config;menu&&this._configService.setConfig("menu",menu,{merge:!0}),this._configService.setConfig(PLUGIN_CONFIG_KEY,rest)}onStarting(){core.mergeOverrideWithDependencies([[SlideRenderService],[ISlideEditorBridgeService,{useClass:SlideEditorBridgeService}],[ISlideEditorManagerService,{useClass:SlideEditorManagerService}],[exports.SlideCanvasPopMangerService]],this._config.override).forEach(d=>this._injector.add(d))}onReady(){[[SlideRenderController]].forEach(m2=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m2))}),core.mergeOverrideWithDependencies([[exports.CanvasView],[exports.SlidesUIController],[SlideRenderController],[SlidePopupMenuController]],this._config.override).forEach(m2=>{this._injector.add(m2)}),this._injector.get(exports.CanvasView),this._injector.get(SlideRenderService)}onRendered(){[[SlideEditorBridgeRenderController],[SlideEditingRenderController]].forEach(m2=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m2))}),this._markSlideAsFocused(),this._injector.get(exports.SlidesUIController)}onSteady(){this._injector.get(SlidePopupMenuController)}_markSlideAsFocused(){const currentService=this._univerInstanceService;try{const slideDataModel=currentService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE);currentService.focusUnit(slideDataModel.getUnitId())}catch{}}},__name(_a10,"UniverSlidesUIPlugin"),__publicField(_a10,"pluginName",SLIDE_UI_PLUGIN_NAME),__publicField(_a10,"type",core.UniverInstanceType.UNIVER_SLIDE),_a10);exports.UniverSlidesUIPlugin=__decorateClass([__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService),__decorateParam(3,core.IUniverInstanceService),__decorateParam(4,core.IConfigService)],exports.UniverSlidesUIPlugin);exports.ActivateSlidePageOperation=ActivateSlidePageOperation;exports.AppendSlideOperation=AppendSlideOperation;exports.DeleteSlideElementOperation=DeleteSlideElementOperation;exports.IMAGE_MENU_ID=IMAGE_MENU_ID;exports.ISlideEditorBridgeService=ISlideEditorBridgeService;exports.InsertSlideFloatImageCommand=InsertSlideFloatImageCommand;exports.InsertSlideShapeRectangleCommand=InsertSlideShapeRectangleCommand;exports.InsertSlideShapeRectangleOperation=InsertSlideShapeRectangleOperation;exports.SHAPE_MENU_ID=SHAPE_MENU_ID;exports.SLIDE_EDITOR_ID=SLIDE_EDITOR_ID;exports.SetSlidePageThumbOperation=SetSlidePageThumbOperation;exports.SlideAddTextCommand=SlideAddTextCommand;exports.SlideAddTextOperation=SlideAddTextOperation;exports.SlideEditorContainer=SlideEditorContainer;exports.SlideSideBar=SlideSideBar;exports.UpdateSlideElementOperation=UpdateSlideElementOperation;exports.menuSchema=menuSchema;
package/lib/es/index.js CHANGED
@@ -2012,7 +2012,7 @@ const slideEditorContainer = "univer-slide-editor-container", editorInput = "uni
2012
2012
  ]
2013
2013
  },
2014
2014
  documentStyle: {
2015
- documentFlavor: DocumentFlavor.MODERN
2015
+ documentFlavor: DocumentFlavor.UNSPECIFIED
2016
2016
  }
2017
2017
  };
2018
2018
  return useEffect(() => {
package/lib/umd/index.js CHANGED
@@ -7,4 +7,4 @@
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */var f=React,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;g!==void 0&&(e=""+g),a.key!==void 0&&(e=""+a.key),a.ref!==void 0&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)d[b]===void 0&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}__name(q,"q"),reactJsxRuntime_production_min.Fragment=l,reactJsxRuntime_production_min.jsx=q,reactJsxRuntime_production_min.jsxs=q,jsxRuntime.exports=reactJsxRuntime_production_min;var jsxRuntimeExports=jsxRuntime.exports;function r(e){var t,f2,n2="";if(typeof e=="string"||typeof e=="number")n2+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f2=r(e[t]))&&(n2&&(n2+=" "),n2+=f2)}else for(f2 in e)e[f2]&&(n2&&(n2+=" "),n2+=f2);return n2}__name(r,"r");function clsx(){for(var e,t,f2=0,n2="",o=arguments.length;f2<o;f2++)(e=arguments[f2])&&(t=r(e))&&(n2&&(n2+=" "),n2+=t);return n2}__name(clsx,"clsx");var __assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n2=arguments.length;i<n2;i++){s=arguments[i];for(var p2 in s)Object.prototype.hasOwnProperty.call(s,p2)&&(t[p2]=s[p2])}return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p2 in s)Object.prototype.hasOwnProperty.call(s,p2)&&e.indexOf(p2)<0&&(t[p2]=s[p2]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,p2=Object.getOwnPropertySymbols(s);i<p2.length;i++)e.indexOf(p2[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p2[i])&&(t[p2[i]]=s[p2[i]]);return t},IconBase=React.forwardRef(function(props,ref){var icon=props.icon,id=props.id,className=props.className,extend=props.extend,restProps=__rest(props,["icon","id","className","extend"]),cls="univerjs-icon univerjs-icon-".concat(id," ").concat(className||"").trim(),idSuffix=React.useRef("_".concat(generateShortUuid()));return render(icon,"".concat(id),{defIds:icon.defIds,idSuffix:idSuffix.current},__assign({ref,className:cls},restProps),extend)});function render(node,id,runtimeProps,rootProps,extend){return React.createElement(node.tag,__assign(__assign({key:id},replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend)),rootProps),(replaceRuntimeIdsInDefs(node,runtimeProps).children||[]).map(function(child,index){return render(child,"".concat(id,"-").concat(node.tag,"-").concat(index),runtimeProps,void 0,extend)}))}__name(render,"render");function replaceRuntimeIdsAndExtInAttrs(node,runtimeProps,extend){var attrs=__assign({},node.attrs);extend!=null&&extend.colorChannel1&&attrs.fill==="colorChannel1"&&(attrs.fill=extend.colorChannel1);var defIds=runtimeProps.defIds;return!defIds||defIds.length===0||(node.tag==="use"&&attrs["xlink:href"]&&(attrs["xlink:href"]=attrs["xlink:href"]+runtimeProps.idSuffix),Object.entries(attrs).forEach(function(_a2){var key=_a2[0],value=_a2[1];typeof value=="string"&&(attrs[key]=value.replace(/url\(#(.*)\)/,"url(#$1".concat(runtimeProps.idSuffix,")")))})),attrs}__name(replaceRuntimeIdsAndExtInAttrs,"replaceRuntimeIdsAndExtInAttrs");function replaceRuntimeIdsInDefs(node,runtimeProps){var _a2,defIds=runtimeProps.defIds;return!defIds||defIds.length===0?node:node.tag==="defs"&&(!((_a2=node.children)===null||_a2===void 0)&&_a2.length)?__assign(__assign({},node),{children:node.children.map(function(child){return typeof child.attrs.id=="string"&&defIds&&defIds.indexOf(child.attrs.id)>-1?__assign(__assign({},child),{attrs:__assign(__assign({},child.attrs),{id:child.attrs.id+runtimeProps.idSuffix})}):child})}):node}__name(replaceRuntimeIdsInDefs,"replaceRuntimeIdsInDefs");function generateShortUuid(){return Math.random().toString(36).substring(2,8)}__name(generateShortUuid,"generateShortUuid"),IconBase.displayName="UniverIcon";var element$9={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"}}]},AddImageSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"add-image-single",ref,icon:element$9}))});AddImageSingle.displayName="AddImageSingle";var element$8={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"colorChannel1",d:"M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z",fillRule:"evenodd",clipRule:"evenodd"}}]},Autofill=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"autofill",ref,icon:element$8}))});Autofill.displayName="Autofill";var element$7={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946"}}]},BottomSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"bottom-single",ref,icon:element$7}))});BottomSingle.displayName="BottomSingle";var element$6={tag:"svg",attrs:{fill:"none",viewBox:"0 0 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"]},GraphSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"graph-single",ref,icon:element$6}))});GraphSingle.displayName="GraphSingle";var element$5={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z",fillRule:"evenodd",clipRule:"evenodd"}}]},MoreDownSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"more-down-single",ref,icon:element$5}))});MoreDownSingle.displayName="MoreDownSingle";var element$4={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"}}]},MoveDownSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"move-down-single",ref,icon:element$4}))});MoveDownSingle.displayName="MoveDownSingle";var element$3={tag:"svg",attrs:{fill:"none",viewBox:"0 0 16 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z",fillRule:"evenodd",clipRule:"evenodd"}},{tag:"path",attrs:{fill:"currentColor",d:"M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"}}]},MoveUpSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"move-up-single",ref,icon:element$3}))});MoveUpSingle.displayName="MoveUpSingle";var element$2={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"}}]}]},PaintBucket=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"paint-bucket",ref,icon:element$2}))});PaintBucket.displayName="PaintBucket";var element$1={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"]},TextSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"text-single",ref,icon:element$1}))});TextSingle.displayName="TextSingle";var element={tag:"svg",attrs:{fill:"none",viewBox:"0 0 17 16",width:"1em",height:"1em"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z"}},{tag:"path",attrs:{fill:"currentColor",d:"M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z",fillRule:"evenodd",clipRule:"evenodd"}}]},TopmostSingle=React.forwardRef(function(props,ref){return React.createElement(IconBase,Object.assign({},props,{id:"topmost-single",ref,icon:element}))});TopmostSingle.displayName="TopmostSingle";const UpdateSlideElementOperation={id:"slide.operation.update-element",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const{oKey,props}=params,univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=params==null?void 0:params.unitId,slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage();return activePage.pageElements[oKey]=core.Tools.deepMerge(activePage.pageElements[oKey],props),slideData.updatePage(activePage.id,activePage),!0},"handler")},styles$4={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 ArrangePanel$1(props){const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports2.CanvasView),commandService=core.useDependency(core.ICommandService),page=canvasView.getRenderUnitByPageId(pageId,unitId),scene=page==null?void 0:page.scene;if(!scene)return null;const transformer=scene.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const onArrangeBtnClick=__name(arrangeType=>{const allObjects=scene.getAllObjects(),[minZIndex,maxZIndex]=allObjects.reduce(([min,max],obj)=>{const zIndex2=obj.zIndex,minZIndex2=zIndex2<min?zIndex2:min,maxZIndex2=zIndex2>max?zIndex2:max;return[minZIndex2,maxZIndex2]},[0,0]);let zIndex=object.zIndex;arrangeType===3?zIndex=minZIndex-1:arrangeType===2?zIndex=maxZIndex+1:arrangeType===0?zIndex=object.zIndex+1:arrangeType===1&&(zIndex=object.zIndex-1),object.setProps({zIndex}),commandService.executeCommand(UpdateSlideElementOperation.id,{unitId,oKey:object==null?void 0:object.oKey,props:{zIndex}})},"onArrangeBtnClick");return jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelGrid,children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelTitle),children:jsxRuntimeExports.jsx("div",{children:localeService.t("image-panel.arrange.title")})})}),jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(0)},"onClick"),children:jsxRuntimeExports.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntimeExports.jsx(MoveUpSingle,{}),localeService.t("image-panel.arrange.forward")]})})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(1)},"onClick"),children:jsxRuntimeExports.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntimeExports.jsx(MoveDownSingle,{}),localeService.t("image-panel.arrange.backward")]})})})]}),jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(2)},"onClick"),children:jsxRuntimeExports.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntimeExports.jsx(TopmostSingle,{}),localeService.t("image-panel.arrange.front")]})})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Button,{size:"small",onClick:__name(()=>{onArrangeBtnClick(3)},"onClick"),children:jsxRuntimeExports.jsxs("span",{className:styles$4.imageCommonPanelInline,children:[jsxRuntimeExports.jsx(BottomSingle,{}),localeService.t("image-panel.arrange.back")]})})})]})]})}__name(ArrangePanel$1,"ArrangePanel$1");function TransformPanel(props){const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports2.CanvasView),commandService=core.useDependency(core.ICommandService),page=canvasView.getRenderUnitByPageId(pageId,unitId),scene=page==null?void 0:page.scene;if(!scene)return null;const transformer=scene.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const{width:originWidth=0,height:originHeight=0,left:originX=0,top:originY=0,angle:originRotation=0}=object,[width,setWidth]=React.useState(originWidth),[height,setHeight]=React.useState(originHeight),[xPosition,setXPosition]=React.useState(originX),[yPosition,setYPosition]=React.useState(originY),[rotation,setRotation]=React.useState(originRotation),changeObs=__name(state=>{const{objects}=state,object2=objects.values().next().value,{width:originWidth2=0,height:originHeight2=0,left:originX2=0,top:originY2=0,angle:originRotation2=0}=object2;setWidth(originWidth2),setHeight(originHeight2),setXPosition(originX2),setYPosition(originY2),setRotation(originRotation2)},"changeObs");React.useEffect(()=>{const changeStartSub=transformer.changeStart$.subscribe(state=>{changeObs(state)}),changingSub=transformer.changing$.subscribe(state=>{changeObs(state)});return()=>{changingSub.unsubscribe(),changeStartSub.unsubscribe()}},[]);function handleWidthChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{width:val}}),object==null||object.resize(val,object.height),setWidth(val),transformer==null||transformer.refreshControls())}__name(handleWidthChange,"handleWidthChange");function handleHeightChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{height:val}}),object==null||object.resize(object.width,val),setHeight(val),transformer==null||transformer.refreshControls())}__name(handleHeightChange,"handleHeightChange");function handleXChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{left:val}}),object==null||object.translate(val,object.top),setXPosition(val),transformer==null||transformer.refreshControls())}__name(handleXChange,"handleXChange");function handleYChange(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{right:val}}),object==null||object.translate(object.left,val),setYPosition(val),transformer==null||transformer.refreshControls())}__name(handleYChange,"handleYChange");function handleChangeRotation(val){!val||!object||(commandService.executeCommand(UpdateSlideElementOperation.id,{pageId,oKey:object.oKey,props:{angle:val}}),object==null||object.transformByState({angle:val}),setRotation(val),transformer==null||transformer.refreshControls())}return __name(handleChangeRotation,"handleChangeRotation"),jsxRuntimeExports.jsxs("div",{className:clsx(styles$4.imageCommonPanelGrid,styles$4.imageCommonPanelBorder),children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelTitle),children:jsxRuntimeExports.jsx("div",{children:localeService.t("image-panel.transform.title")})})}),jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.width")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,min:1,value:width,onChange:__name(val=>{handleWidthChange(val)},"onChange")})})})]})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.height")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,min:1,value:height,onChange:__name(val=>{handleHeightChange(val)},"onChange")})})})]})})]}),jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelRow,children:[jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.x")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,precision:1,min:0,value:xPosition,onChange:__name(val=>{handleXChange(val)},"onChange")})})})]})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.y")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,precision:1,min:0,value:yPosition,onChange:__name(val=>{handleYChange(val)},"onChange")})})})]})}),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan3),children:jsxRuntimeExports.jsxs("label",{children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:localeService.t("image-panel.transform.rotate")})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelColumn,children:jsxRuntimeExports.jsx(design.InputNumber,{className:styles$4.imageCommonPanelInput,precision:1,value:rotation,onChange:handleChangeRotation})})})]})})]})]})}__name(TransformPanel,"TransformPanel");function ArrangePanel(props){var _a2,_b2;const{pageId,unitId}=props,localeService=core.useDependency(core.LocaleService),canvasView=core.useDependency(exports2.CanvasView),commandService=core.useDependency(core.ICommandService),page=canvasView.getRenderUnitByPageId(pageId,unitId),scene=page==null?void 0:page.scene;if(!scene)return null;const transformer=scene.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const[color,setColor]=React.useState((_b2=(_a2=object.fill)==null?void 0:_a2.toString())!=null?_b2:"");function handleChangeColor(color2){object==null||object.setProps({fill:color2}),commandService.executeCommand(UpdateSlideElementOperation.id,{unitId,oKey:object==null?void 0:object.oKey,props:{shape:{shapeProperties:{shapeBackgroundFill:{rgb:color2}}}}}),setColor(color2)}return __name(handleChangeColor,"handleChangeColor"),jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelGrid,styles$4.imageCommonPanelBorder),children:jsxRuntimeExports.jsxs("div",{className:styles$4.imageCommonPanelGrid,children:[jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelTitle),children:jsxRuntimeExports.jsx("div",{children:localeService.t("slide.panel.fill.title")})})}),jsxRuntimeExports.jsx("div",{className:styles$4.imageCommonPanelRow,children:jsxRuntimeExports.jsx("div",{className:clsx(styles$4.imageCommonPanelColumn,styles$4.imageCommonPanelSpan2),children:jsxRuntimeExports.jsx(design.Dropdown,{align:{offset:[0,18]},overlay:jsxRuntimeExports.jsx("section",{className:styles$4.slidePanelColorPicker,children:jsxRuntimeExports.jsx(design.ColorPicker,{color:"#fff",onChange:handleChangeColor})}),children:jsxRuntimeExports.jsxs("a",{className:styles$4.uiPluginSheetsBorderPanelButton,children:[jsxRuntimeExports.jsx(PaintBucket,{extend:{colorChannel1:color!=null?color:"rgb(var(--primary-color))"}}),jsxRuntimeExports.jsx("span",{className:styles$4.uiPluginSheetsBorderPanelMoreIcon,children:jsxRuntimeExports.jsx(MoreDownSingle,{})})]})})})})]})})}__name(ArrangePanel,"ArrangePanel");const styles$3={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"},COMPONENT_SLIDE_SIDEBAR="COMPONENT_SLIDE_SIDEBAR";function RectSidebar(){var _a2,_b2,_c2;const univerInstanceService=core.useDependency(core.IUniverInstanceService),canvasView=core.useDependency(exports2.CanvasView),currentSlide=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pageId=(_a2=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a2.id;if(!pageId)return null;const transformer=(_b2=canvasView.getRenderUnitByPageId(pageId,pageId).scene)==null?void 0:_b2.getTransformer();if(!transformer)return null;const object=transformer.getSelectedObjectMap().values().next().value;if(!object)return null;const unitId=((_c2=univerInstanceService.getFocusedUnit())==null?void 0:_c2.getUnitId())||"";return jsxRuntimeExports.jsxs("section",{className:styles$3.imageCommonPanel,children:[jsxRuntimeExports.jsx(ArrangePanel$1,{pageId,unitId}),jsxRuntimeExports.jsx(TransformPanel,{pageId,unitId}),object.objectType===engineRender.ObjectType.RECT&&jsxRuntimeExports.jsx(ArrangePanel,{pageId,unitId})]})}__name(RectSidebar,"RectSidebar");const InsertSlideShapeRectangleCommand={id:"slide.command.insert-float-shape",type:core.CommandType.COMMAND,handler:__name(async accessor=>{var _a2;const commandService=accessor.get(core.ICommandService),unitId=(_a2=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a2.getUnitId();return commandService.executeCommand(InsertSlideShapeRectangleOperation.id,{unitId})},"handler")},InsertSlideShapeRectangleOperation={id:"slide.operation.insert-float-shape",type:core.CommandType.OPERATION,handler:__name(async(accessor,params)=>{const id=core.generateRandomId(6),univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=params.unitId,slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):20,data={id,zIndex:maxIndex+1,left:378,top:142,width:250,height:250,title:id,description:"",type:core.PageElementType.SHAPE,shape:{shapeType:core.BasicShapes.Rect,text:"",shapeProperties:{shapeBackgroundFill:{rgb:"rgb(0,0,255)"}}}};activePage.pageElements[id]=data,slideData.updatePage(activePage.id,activePage);const canvasview=accessor.get(exports2.CanvasView),sceneObject=canvasview.createObjectToPage(data,activePage.id,unitId);return sceneObject&&canvasview.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},ToggleSlideEditSidebarOperation={id:"sidebar.operation.slide-shape",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{const{visible,objectType}=params,sidebarService=accessor.get(ui.ISidebarService),localeService=accessor.get(core.LocaleService);let title="",children="";return objectType===engineRender.ObjectType.RECT?(title="slide.sidebar.shape",children=COMPONENT_SLIDE_SIDEBAR):objectType===engineRender.ObjectType.IMAGE?(title="slide.sidebar.image",children=COMPONENT_SLIDE_SIDEBAR):objectType===engineRender.ObjectType.RICH_TEXT&&(title="slide.sidebar.text",children=COMPONENT_SLIDE_SIDEBAR),visible?sidebarService.open({header:{title:localeService.t(title)},children:{label:children},onClose:__name(()=>{},"onClose"),width:360}):sidebarService.close(),!0},"handler")},COMPONENT_SLIDE_IMAGE_POPUP_MENU="COMPONENT_SLIDE_IMAGE_POPUP_MENU";var __defProp$7=Object.defineProperty,__getOwnPropDesc$7=Object.getOwnPropertyDescriptor,__decorateClass$7=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$7(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$7(target,key,result),result},"__decorateClass$7"),__decorateParam$7=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$7");function transformBound2OffsetBound(originBound,scene){const topLeft=transformPosition2Offset(originBound.left,originBound.top,scene),bottomRight=transformPosition2Offset(originBound.right,originBound.bottom,scene);return{left:topLeft.x,top:topLeft.y,right:bottomRight.x,bottom:bottomRight.y}}__name(transformBound2OffsetBound,"transformBound2OffsetBound");function transformPosition2Offset(x,y,scene){const{scaleX,scaleY}=scene.getAncestorScale(),viewMain=scene.getViewport(slides.SLIDE_KEY.VIEW);if(!viewMain)return{x,y};const{viewportScrollX:actualScrollX,viewportScrollY:actualScrollY}=viewMain,offsetX=(x-actualScrollX)*scaleX,offsetY=(y-actualScrollY)*scaleY;return{x:offsetX,y:offsetY}}__name(transformPosition2Offset,"transformPosition2Offset"),exports2.SlideCanvasPopMangerService=(_c=class extends core.Disposable{constructor(_globalPopupManagerService,_renderManagerService,_univerInstanceService,_commandService){super(),this._globalPopupManagerService=_globalPopupManagerService,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._commandService=_commandService}_createObjectPositionObserver(targetObject,currentRender){const position=__name(()=>{var _a2,_b2,_c2,_d2;const{scene,engine}=currentRender,{left,top,width,height}=targetObject,horizontalOffset=(scene.width-((_b2=(_a2=currentRender.mainComponent)==null?void 0:_a2.width)!=null?_b2:0))/2,verticalOffset=(scene.height-((_d2=(_c2=currentRender.mainComponent)==null?void 0:_c2.height)!=null?_d2:0))/2,bound={left,right:left+width,top,bottom:top+height},canvasElement=engine.getCanvasElement(),canvasClientRect=canvasElement.getBoundingClientRect(),widthOfCanvas=engineRender.pxToNum(canvasElement.style.width),{scaleX,scaleY}=scene.getAncestorScale(),offsetBound=transformBound2OffsetBound(bound,scene),{top:topOffset,left:leftOffset,width:domWidth}=canvasClientRect,scaleAdjust=domWidth/widthOfCanvas;return{left:offsetBound.left*scaleAdjust*scaleX+leftOffset+horizontalOffset,right:offsetBound.right*scaleAdjust*scaleX+leftOffset+horizontalOffset,top:offsetBound.top*scaleAdjust*scaleY+topOffset+verticalOffset,bottom:offsetBound.bottom*scaleAdjust*scaleY+topOffset+verticalOffset}},"calc")(),position$=new rxjs.BehaviorSubject(position),disposable=new core.DisposableCollection;return{position,position$,disposable}}attachPopupToObject(targetObject,popup){const unitId=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE).getUnitId(),currentRender=this._renderManagerService.getRenderById(unitId);if(!currentRender)return{dispose:__name(()=>{},"dispose")};const{position,position$,disposable}=this._createObjectPositionObserver(targetObject,currentRender),id=this._globalPopupManagerService.addPopup({...popup,unitId,subUnitId:"default",anchorRect:position,anchorRect$:position$,canvasElement:currentRender.engine.getCanvasElement()});return{dispose:__name(()=>{this._globalPopupManagerService.removePopup(id),position$.complete(),disposable.dispose()},"dispose")}}},__name(_c,"SlideCanvasPopMangerService"),_c),exports2.SlideCanvasPopMangerService=__decorateClass$7([__decorateParam$7(0,core.Inject(ui.ICanvasPopupService)),__decorateParam$7(1,engineRender.IRenderManagerService),__decorateParam$7(2,core.IUniverInstanceService),__decorateParam$7(3,core.ICommandService)],exports2.SlideCanvasPopMangerService);var __defProp$6=Object.defineProperty,__getOwnPropDesc$6=Object.getOwnPropertyDescriptor,__decorateClass$6=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$6(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$6(target,key,result),result},"__decorateClass$6"),__decorateParam$6=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$6");let SlidePopupMenuController=(_d=class extends core.RxDisposable{constructor(_canvasPopManagerService,_renderManagerService,_univerInstanceService,_contextService,_canvasView,_sidebarService,_commandService){super();__publicField(this,"_initImagePopupMenu",new Set);this._canvasPopManagerService=_canvasPopManagerService,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._contextService=_contextService,this._canvasView=_canvasView,this._sidebarService=_sidebarService,this._commandService=_commandService,this._init()}_init(){this._univerInstanceService.getAllUnitsForType(core.UniverInstanceType.UNIVER_SLIDE).forEach(slide=>this._create(slide))}_create(slide){if(!slide)return;const unitId=slide.getUnitId();this._renderManagerService.has(unitId)&&!this._initImagePopupMenu.has(unitId)&&(this._popupMenuListener(unitId),this._initImagePopupMenu.add(unitId))}_hasCropObject(scene){}_popupMenuListener(unitId){var _a2;const model=this._univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pages=(_a2=model==null?void 0:model.getPages())!=null?_a2:{};Object.keys(pages).forEach(pageId=>{var _a3;const transformer=(_a3=this._canvasView.getRenderUnitByPageId(pageId,unitId).scene)==null?void 0:_a3.getTransformer();if(!transformer)return;let singletonPopupDisposer;this.disposeWithMe(core.toDisposable(transformer.createControl$.subscribe(()=>{const selectedObjects=transformer.getSelectedObjectMap();if(selectedObjects.size>1){singletonPopupDisposer==null||singletonPopupDisposer.dispose();return}const object=selectedObjects.values().next().value;if(!object)return;const oKey=object.oKey;singletonPopupDisposer==null||singletonPopupDisposer.dispose(),singletonPopupDisposer=this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(object,{componentKey:COMPONENT_SLIDE_IMAGE_POPUP_MENU,direction:"horizontal",offset:[2,0],extraProps:{menuItems:this._getMenuItemsByObjectType(object.objectType,oKey,unitId)}})),this._sidebarService.visible&&this._commandService.executeCommand(ToggleSlideEditSidebarOperation.id,{visible:!0,objectType:object.objectType})}))),this.disposeWithMe(transformer.clearControl$.subscribe(()=>{singletonPopupDisposer==null||singletonPopupDisposer.dispose(),this._contextService.setContextValue(core.FOCUSING_COMMON_DRAWINGS,!1)})),this.disposeWithMe(transformer.changing$.subscribe(()=>{singletonPopupDisposer==null||singletonPopupDisposer.dispose();const selectedObjects=transformer.getSelectedObjectMap();if(selectedObjects.size>1){singletonPopupDisposer==null||singletonPopupDisposer.dispose();return}const object=selectedObjects.values().next().value;object&&this._commandService.executeCommand(UpdateSlideElementOperation.id,{unitId,oKey:object.oKey,props:{width:object.width,height:object.height,left:object.left,top:object.top}})}))})}_getMenuItemsByObjectType(objectType,oKey,unitId){return[{label:"slide.popup.edit",index:0,commandId:ToggleSlideEditSidebarOperation.id,commandParams:{visible:!0,objectType},disable:!1},{label:"slide.popup.delete",index:5,commandId:DeleteSlideElementOperation.id,commandParams:{id:oKey,unitId},disable:!1}]}},__name(_d,"SlidePopupMenuController"),_d);SlidePopupMenuController=__decorateClass$6([__decorateParam$6(0,core.Inject(exports2.SlideCanvasPopMangerService)),__decorateParam$6(1,engineRender.IRenderManagerService),__decorateParam$6(2,core.IUniverInstanceService),__decorateParam$6(3,core.IContextService),__decorateParam$6(4,core.Inject(exports2.CanvasView)),__decorateParam$6(5,ui.ISidebarService),__decorateParam$6(6,core.ICommandService)],SlidePopupMenuController);const SetTextEditArrowOperation={id:"slide.operation.edit-arrow",type:core.CommandType.OPERATION,handler:__name(()=>!0,"handler")},SLIDE_EDITOR_ID=core.createInternalEditorID("SLIDE_EDITOR");var __defProp$5=Object.defineProperty,__getOwnPropDesc$5=Object.getOwnPropertyDescriptor,__decorateClass$5=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$5(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$5(target,key,result),result},"__decorateClass$5"),__decorateParam$5=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$5");const ISlideEditorBridgeService=core.createIdentifier("univer.slide-editor-bridge.service");let SlideEditorBridgeService=(_e=class extends core.Disposable{constructor(_editorService,_contextService,_renderManagerService){super();__publicField(this,"_editorUnitId",SLIDE_EDITOR_ID);__publicField(this,"_isForceKeepVisible",!1);__publicField(this,"_editorIsDirty",!1);__publicField(this,"_currentEditRectState",null);__publicField(this,"_currentEditRectState$",new rxjs.BehaviorSubject(null));__publicField(this,"currentEditRectState$",this._currentEditRectState$.asObservable());__publicField(this,"_visibleParam",{visible:!1,eventType:engineRender.DeviceInputEventType.Dblclick,unitId:""});__publicField(this,"_visible$",new rxjs.BehaviorSubject(this._visibleParam));__publicField(this,"visible$",this._visible$.asObservable());__publicField(this,"_afterVisible$",new rxjs.BehaviorSubject(this._visibleParam));__publicField(this,"afterVisible$",this._afterVisible$.asObservable());__publicField(this,"endEditing$",new rxjs.Subject);__publicField(this,"_currentEditRectInfo");this._editorService=_editorService,this._contextService=_contextService,this._renderManagerService=_renderManagerService}dispose(){super.dispose()}getEditorRect(){return this._currentEditRectInfo}setEditorRect(editorInfo){this._currentEditRectInfo=editorInfo,this._editorService.getFocusEditor()||(this._editorService.focus(SLIDE_EDITOR_ID),this._contextService.setContextValue(core.EDITOR_ACTIVATED,!1),this._contextService.setContextValue(core.FOCUSING_EDITOR_STANDALONE,!1),this._contextService.setContextValue(core.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE,!1));const editRectState=this.getEditRectState();this._currentEditRectState=editRectState,this._currentEditRectState$.next(editRectState)}changeVisible(param){this._visibleParam=param,param.visible&&(this._editorIsDirty=!1),this._visible$.next(this._visibleParam),this._afterVisible$.next(this._visibleParam)}getEditRectState(){const editorUnitId=SLIDE_EDITOR_ID,editorRectInfo=this._currentEditRectInfo,unitId=editorRectInfo.unitId,docData=editorRectInfo.richTextObj.documentData;docData.id=editorUnitId,docData.documentStyle={...docData.documentStyle,pageSize:{width:editorRectInfo.richTextObj.width,height:1/0}};const documentLayoutObject={documentModel:new core.DocumentDataModel(docData),fontString:"document",textRotation:{a:0,v:0},wrapStrategy:0,verticalAlign:core.VerticalAlign.TOP,horizontalAlign:core.HorizontalAlign.LEFT,paddingData:{t:0,b:1,l:2,r:2}},editorWidth=editorRectInfo.richTextObj.width,editorHeight=editorRectInfo.richTextObj.height,left=editorRectInfo.richTextObj.left,top=editorRectInfo.richTextObj.top,canvasOffset={left:0,top:0},renderUnit=this._renderManagerService.getRenderById(unitId),mainScene=renderUnit==null?void 0:renderUnit.scene,mainViewport=mainScene==null?void 0:mainScene.getViewport(slides.SLIDE_KEY.VIEW),slideMainRect=mainScene==null?void 0:mainScene.getObject(slides.SLIDE_KEY.COMPONENT),slidePos={x:(slideMainRect==null?void 0:slideMainRect.left)||0,y:(slideMainRect==null?void 0:slideMainRect.top)||0},scrollX=(mainViewport==null?void 0:mainViewport.viewportScrollX)||0,scrollY=(mainViewport==null?void 0:mainViewport.viewportScrollY)||0;return canvasOffset.left=slidePos.x-scrollX,canvasOffset.top=slidePos.y-scrollY,{position:{startX:left,startY:top,endX:left+editorWidth,endY:top+editorHeight},scaleX:1,scaleY:1,slideCardOffset:canvasOffset,unitId,editorUnitId,documentLayoutObject}}changeEditorDirty(dirtyStatus){this._editorIsDirty=dirtyStatus}isVisible(){return this._visibleParam.visible}getEditorDirty(){return this._editorIsDirty}getCurrentEditorId(){return this._editorUnitId}genDocData(target){const editorUnitId=this.getCurrentEditorId(),content=target.text,fontSize=target.fs;return{id:editorUnitId,body:{dataStream:`${content}\r
10
- `,textRuns:[{st:0,ed:content.length}],paragraphs:[{paragraphStyle:{},startIndex:content.length+1}],sectionBreaks:[{startIndex:content.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:fontSize},renderConfig:{verticalAlign:core.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}},__name(_e,"SlideEditorBridgeService"),_e);SlideEditorBridgeService=__decorateClass$5([__decorateParam$5(0,docsUi.IEditorService),__decorateParam$5(1,core.IContextService),__decorateParam$5(2,engineRender.IRenderManagerService)],SlideEditorBridgeService);const _SlideEditorManagerService=class _SlideEditorManagerService{constructor(){__publicField(this,"_state",null);__publicField(this,"_rect",null);__publicField(this,"_state$",new rxjs.BehaviorSubject(null));__publicField(this,"state$",this._state$.asObservable());__publicField(this,"_rect$",new rxjs.BehaviorSubject(null));__publicField(this,"rect$",this._rect$.asObservable());__publicField(this,"_focus",!1);__publicField(this,"_focus$",new rxjs.BehaviorSubject(this._focus));__publicField(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(param){this._state=param,this._refresh(param)}getRect(){return this._rect}setRect(param){this._rect=param,this._rect$.next(param)}getState(){return this._state}setFocus(param=!1){this._focus=param,this._focus$.next(param)}_refresh(param){this._state$.next(param)}};__name(_SlideEditorManagerService,"SlideEditorManagerService");let SlideEditorManagerService=_SlideEditorManagerService;const ISlideEditorManagerService=core.createIdentifier("univer.slide-editor-manager.service");var CursorChange=(_CursorChange=>(_CursorChange[_CursorChange.InitialState=0]="InitialState",_CursorChange[_CursorChange.StartEditor=1]="StartEditor",_CursorChange[_CursorChange.CursorChange=2]="CursorChange",_CursorChange))(CursorChange||{}),__defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4");const HIDDEN_EDITOR_POSITION$1=-1e3,EDITOR_INPUT_SELF_EXTEND_GAP=5,EDITOR_BORDER_SIZE=2;let SlideEditingRenderController=(_f=class extends core.Disposable{constructor(_renderContext,_layoutService,_undoRedoService,_contextService,_instanceSrv,_renderManagerService,_editorBridgeService,_cellEditorManagerService,_textSelectionManagerService,_commandService,_localService,_editorService){super();__publicField(this,"_cursorChange",CursorChange.InitialState);__publicField(this,"_isUnitEditing",!1);__publicField(this,"_d");this._renderContext=_renderContext,this._layoutService=_layoutService,this._undoRedoService=_undoRedoService,this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,this._editorBridgeService=_editorBridgeService,this._cellEditorManagerService=_cellEditorManagerService,this._textSelectionManagerService=_textSelectionManagerService,this._commandService=_commandService,this._localService=_localService,this._editorService=_editorService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode:ui.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var _a2;(_a2=this._d)==null||_a2.dispose(),this._d=null}_init(){const d=new core.DisposableCollection;return this._subscribeToCurrentCell(d),this._initialKeyboardListener(d),this._initialCursorSync(d),this._listenEditorFocus(d),this._commandExecutedListener(d),setTimeout(()=>{this._cursorStateListener(d)},1e3),d}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(param=>{param.visible?(this._isUnitEditing=!0,this._handleEditorVisible(param)):this._isUnitEditing&&(this._handleEditorInvisible(param),this._isUnitEditing=!1)}))}_listenEditorFocus(d){const renderConfig=this._getEditorObject();renderConfig&&d.add(renderConfig.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(editorId){var _a2;return(_a2=this._renderManagerService.getRenderById(editorId))==null?void 0:_a2.with(docs.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(editorId){var _a2;return(_a2=this._renderManagerService.getRenderById(editorId))==null?void 0:_a2.with(docs.DocSkeletonManagerService).getViewModel()}_initialCursorSync(d){d.add(this._cellEditorManagerService.focus$.pipe(rxjs.filter(f2=>!!f2)).subscribe(()=>{var _a2;const docSelectionRenderManager=(_a2=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a2.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.sync()}))}_subscribeToCurrentCell(d){d.add(this._editorBridgeService.currentEditRectState$.subscribe(editCellState=>{var _a2;if(editCellState==null||this._contextService.getContextValue(core.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX,endX},documentLayoutObject:{textRotation,wrapStrategy,documentModel},scaleX,editorUnitId}=editCellState,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation);documentModel.updateDocumentId(editorUnitId),wrapStrategy===core.WrapStrategy.WRAP&&angle===0&&documentModel.updateDocumentDataPageSize((endX-startX)/scaleX),this._instanceSrv.changeDoc(editorUnitId,documentModel),this._contextService.setContextValue(core.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]);const docSelectionRenderManager=(_a2=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a2.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION$1,HIDDEN_EDITOR_POSITION$1)}))}_fitTextSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,startY,endX,endY}=positionFromEditRectState,documentDataModel=documentLayoutObject.documentModel;if(documentDataModel==null)return;const{actualWidth,actualHeight}=this._predictingSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX,scaleY),{verticalAlign,paddingData,fill}=documentLayoutObject;let editorWidth=endX-startX,editorHeight=endY-startY;if(editorWidth<actualWidth&&(editorWidth=actualWidth),editorHeight<actualHeight)editorHeight=actualHeight,documentDataModel.updateDocumentDataMargin(paddingData);else{let offsetTop=0;verticalAlign===core.VerticalAlign.MIDDLE?offsetTop=(editorHeight-actualHeight)/2/scaleY:verticalAlign===core.VerticalAlign.TOP?offsetTop=paddingData.t||0:offsetTop=(editorHeight-actualHeight)/scaleY-(paddingData.b||0),offsetTop=offsetTop<(paddingData.t||0)?paddingData.t||0:offsetTop,documentDataModel.updateDocumentDataMargin({t:offsetTop})}documentSkeleton.calculate(),this._editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX,scaleY)}_predictingSize(actualRangeWithCoord,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,endX}=actualRangeWithCoord,{textRotation,wrapStrategy}=documentLayoutObject,documentDataModel=documentLayoutObject.documentModel,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation),clientWidth=document.body.clientWidth;if(wrapStrategy===core.WrapStrategy.WRAP&&angle===0){const{actualWidth,actualHeight}=documentSkeleton.getActualSize();return{actualWidth:actualWidth*scaleX,actualHeight:actualHeight*scaleY}}documentDataModel==null||documentDataModel.updateDocumentDataPageSize((clientWidth-startX-canvasOffset.left)/scaleX),documentSkeleton.calculate();const size=documentSkeleton.getActualSize();let editorWidth=endX-startX;return editorWidth<size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX&&(editorWidth=size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX),documentDataModel==null||documentDataModel.updateDocumentDataPageSize(editorWidth/scaleX),documentDataModel==null||documentDataModel.updateDocumentRenderConfig({horizontalAlign:core.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:editorWidth,actualHeight:size.actualHeight*scaleY}}_editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX=1,scaleY=1){var _a2;const editorObject=this._getEditorObject();if(editorObject==null)return;function pxToNum(width2){return Number.parseInt(width2.replace("px",""))}__name(pxToNum,"pxToNum");const canvasElement=this._renderContext.engine.getCanvasElement(),canvasClientRect=canvasElement.getBoundingClientRect(),widthOfCanvas=pxToNum(canvasElement.style.width),{top,left,width}=canvasClientRect,scaleAdjust=width/widthOfCanvas;let{startX,startY}=positionFromEditRectState;startX+=canvasOffset.left,startY+=canvasOffset.top;const{document:documentComponent,scene:editorScene,engine:docEngine}=editorObject,viewportMain=editorScene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN),clientHeight=document.body.clientHeight-startY-canvasOffset.top-EDITOR_BORDER_SIZE*2,clientWidth=document.body.clientWidth-startX-canvasOffset.left;let physicHeight=editorHeight,scrollBar=viewportMain==null?void 0:viewportMain.getScrollBar();physicHeight>clientHeight?(physicHeight=clientHeight,scrollBar==null?viewportMain&&new engineRender.ScrollBar(viewportMain,{enableHorizontal:!1,barSize:8}):viewportMain==null||viewportMain.resetCanvasSizeAndUpdateScroll()):(scrollBar=null,(_a2=viewportMain==null?void 0:viewportMain.getScrollBar())==null||_a2.dispose()),editorWidth+=(scrollBar==null?void 0:scrollBar.barSize)||0,editorWidth=Math.min(editorWidth,clientWidth),startX-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,startY-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(editorScene,editorWidth/scaleX,editorHeight/scaleY,fill);const{scaleX:precisionScaleX,scaleY:precisionScaleY}=editorScene.getPrecisionScale();editorScene.transformByState({width:editorWidth*scaleAdjust/scaleX,height:editorHeight*scaleAdjust/scaleY,scaleX:scaleX*scaleAdjust,scaleY:scaleY*scaleAdjust}),documentComponent.resize(editorWidth/scaleX,editorHeight/scaleY),setTimeout(()=>{docEngine.resizeBySize(engineRender.fixLineWidthByScale(editorWidth,precisionScaleX),engineRender.fixLineWidthByScale(physicHeight,precisionScaleY))},0);const contentBoundingRect=this._layoutService.getContentElement().getBoundingClientRect(),canvasBoundingRect=canvasElement.getBoundingClientRect();startX=startX*scaleAdjust+(canvasBoundingRect.left-contentBoundingRect.left),startY=startY*scaleAdjust+(canvasBoundingRect.top-contentBoundingRect.top),this._cellEditorManagerService.setState({startX,startY,endX:editorWidth*scaleAdjust+startX,endY:physicHeight*scaleAdjust+startY,show:!0})}_addBackground(scene,editorWidth,editorHeight,fill){const fillRectKey="_backgroundRectHelperColor_",rect=scene.getObject(fillRectKey);rect==null&&fill==null||(rect==null?scene.addObjects([new engineRender.Rect(fillRectKey,{width:editorWidth,height:editorHeight,fill,evented:!1})],docsUi.DOCS_COMPONENT_MAIN_LAYER_INDEX):fill==null?rect.dispose():(rect.setProps({fill}),rect.transformByState({width:editorWidth,height:editorHeight})))}_handleEditorVisible(param){var _a2,_b2;const{eventType}=param;this._cursorChange=[engineRender.DeviceInputEventType.PointerDown,engineRender.DeviceInputEventType.Dblclick].includes(eventType)?CursorChange.CursorChange:CursorChange.StartEditor;const editCellState=this._editorBridgeService.getEditRectState();if(editCellState==null)return;const{position,documentLayoutObject,slideCardOffset:canvasOffset,scaleX,scaleY,editorUnitId,unitId}=editCellState,editorObject=this._getEditorObject();if(editorObject==null)return;const{scene}=editorObject;this._contextService.setContextValue(core.EDITOR_ACTIVATED,!0);const{documentModel:documentDataModel}=documentLayoutObject,skeleton=this._getEditorSkeleton(editorUnitId);if(!skeleton||!documentDataModel)return;this._fitTextSize(position,canvasOffset,skeleton,documentLayoutObject,scaleX,scaleY);const cursor=documentDataModel.getBody().dataStream.length-2||0;(_a2=scene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN))==null||_a2.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:cursor,endOffset:cursor}]),(_b2=this._renderManagerService.getRenderById(unitId))==null||_b2.scene.resetCursor()}_resetBodyStyle(body,removeStyle=!1){body.dataStream=core.DEFAULT_EMPTY_DOCUMENT_VALUE,body.textRuns!=null&&(body.textRuns.length===1&&!removeStyle?(body.textRuns[0].st=0,body.textRuns[0].ed=1):body.textRuns=void 0),body.paragraphs!=null&&(body.paragraphs.length===1?body.paragraphs[0].startIndex=0:body.paragraphs=[{startIndex:0}]),body.sectionBreaks!=null&&(body.sectionBreaks=void 0),body.tables!=null&&(body.tables=void 0),body.customRanges!=null&&(body.customRanges=void 0),body.customBlocks!=null&&(body.customBlocks=void 0)}_initialKeyboardListener(d){}_showEditorByKeyboard(config){}_commandExecutedListener(d){const moveCursorOP=[SetTextEditArrowOperation.id],editedMutations=[docs.RichTextEditingMutation.id];d.add(this._commandService.onCommandExecuted(command=>{this._editorService.getFocusId()===SLIDE_EDITOR_ID&&(moveCursorOP.includes(command.id)&&this._moveCursorCmdHandler(command),editedMutations.includes(command.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(command){const params=command.params,{keycode,isShift}=params;keycode!=null&&this._cursorChange===CursorChange.CursorChange?this._moveInEditor(keycode,isShift):this._editorBridgeService.changeVisible(params)}_editingChangedHandler(){const editRect=this._editorBridgeService.getEditorRect();if(!editRect)return;const editingRichText=editRect.richTextObj;editingRichText.refreshDocumentByDocData(),editingRichText.resizeToContentSize();const{unitId}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId})}_setOpenForCurrent(unitId,subUnitId){const editors=this._editorService.getAllEditor();for(const[_,ed]of editors)ed.setOpenForSheetUnitId(unitId),ed.setOpenForSheetSubUnitId(subUnitId)}_getEditorObject(){return getEditorObject(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(param){const{keycode}=param;if(this._setOpenForCurrent(null,null),this._cursorChange=CursorChange.InitialState,this._exitInput(param),this._editorBridgeService.getEditRectState()==null)return;if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(keycode);return}this._moveCursor(keycode)}_exitInput(param){this._contextService.setContextValue(core.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:param.visible});const editorUnitId=this._editorBridgeService.getCurrentEditorId();editorUnitId!=null&&this._undoRedoService.clearUndoRedo(editorUnitId)}_moveCursor(keycode){if(keycode!=null)switch(core.Direction.LEFT,keycode){case ui.KeyCode.ENTER:core.Direction.DOWN;break;case ui.KeyCode.TAB:core.Direction.RIGHT;break;case ui.KeyCode.ARROW_DOWN:core.Direction.DOWN;break;case ui.KeyCode.ARROW_UP:core.Direction.UP;break;case ui.KeyCode.ARROW_LEFT:core.Direction.LEFT;break;case ui.KeyCode.ARROW_RIGHT:core.Direction.RIGHT;break}}_cursorStateListener(d){const editorObject=this._getEditorObject(),{document:documentComponent}=editorObject;d.add(core.toDisposable(documentComponent.onPointerDown$.subscribeEvent(()=>{this._cursorChange===CursorChange.StartEditor&&(this._cursorChange=CursorChange.CursorChange)})))}_moveInEditor(keycode,isShift){let direction=core.Direction.LEFT;keycode===ui.KeyCode.ARROW_DOWN?direction=core.Direction.DOWN:keycode===ui.KeyCode.ARROW_UP?direction=core.Direction.UP:keycode===ui.KeyCode.ARROW_RIGHT&&(direction=core.Direction.RIGHT),isShift?this._commandService.executeCommand(docsUi.MoveSelectionOperation.id,{direction}):this._commandService.executeCommand(docsUi.MoveCursorOperation.id,{direction})}},__name(_f,"SlideEditingRenderController"),_f);SlideEditingRenderController=__decorateClass$4([__decorateParam$4(1,ui.ILayoutService),__decorateParam$4(2,core.IUndoRedoService),__decorateParam$4(3,core.IContextService),__decorateParam$4(4,core.IUniverInstanceService),__decorateParam$4(5,engineRender.IRenderManagerService),__decorateParam$4(6,ISlideEditorBridgeService),__decorateParam$4(7,ISlideEditorManagerService),__decorateParam$4(8,core.Inject(docs.DocSelectionManagerService)),__decorateParam$4(9,core.ICommandService),__decorateParam$4(10,core.Inject(core.LocaleService)),__decorateParam$4(11,docsUi.IEditorService)],SlideEditingRenderController);function getEditorObject(unitId,renderManagerService){if(unitId==null)return;const currentRender=renderManagerService.getRenderById(unitId);if(currentRender==null)return;const{mainComponent,scene,engine,components}=currentRender,document2=mainComponent,docBackground=components.get(docsUi.DOCS_VIEW_KEY.BACKGROUND);return{document:document2,docBackground,scene,engine}}__name(getEditorObject,"getEditorObject");var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3");let SlideEditorBridgeRenderController=(_g=class extends core.RxDisposable{constructor(_renderContext,_instanceSrv,_commandService,_editorBridgeService){super();__publicField(this,"setSlideTextEditor$",new rxjs.Subject);__publicField(this,"_curRichText",null);__publicField(this,"_d");this._renderContext=_renderContext,this._instanceSrv=_instanceSrv,this._commandService=_commandService,this._editorBridgeService=_editorBridgeService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const d=new core.DisposableCollection;return this._initEventListener(d),d}_disposeCurrent(){var _a2;(_a2=this._d)==null||_a2.dispose(),this._d=null}_setEditorRect(pageId,targetObject){this._curRichText=targetObject;const{scene,engine}=this._renderContext,unitId=this._renderContext.unitId,setEditorRect={scene,engine,unitId,pageId,richTextObj:targetObject};this._editorBridgeService.setEditorRect(setEditorRect)}_initEventListener(d){const listenersForPageScene=__name(scene=>{const transformer=scene.getTransformer();transformer&&(d.add(transformer.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),d.add(transformer.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),d.add(scene.onDblclick$.subscribeEvent(()=>{transformer.clearControls();const object=transformer.getSelectedObjectMap().values().next().value;object&&(object.objectType!==engineRender.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(scene.sceneKey,object))})),d.add(this._instanceSrv.focused$.subscribe(fc=>{this.endEditing()})))},"listenersForPageScene"),{mainComponent}=this._renderContext;mainComponent.subSceneChanged$.subscribeEvent(pageScene=>{listenersForPageScene(pageScene)});const pageSceneList=Array.from(mainComponent.getSubScenes().values());for(let i=0;i<pageSceneList.length;i++){const pageScene=pageSceneList[i];listenersForPageScene(pageScene)}}pickOtherObjects(){this.endEditing()}endEditing(){var _a2;if(!this._curRichText)return;this.setEditorVisible(!1);const curRichText=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))return!1;curRichText.refreshDocumentByDocData(),curRichText.resizeToContentSize(),this._editorBridgeService.endEditing$.next(curRichText);const richText={bl:1,fs:curRichText.fs,text:curRichText.text},textRuns=(_a2=curRichText.documentData.body)==null?void 0:_a2.textRuns;if(textRuns&&textRuns.length){const ts=textRuns[0].ts;richText.cl=ts==null?void 0:ts.cl}this._commandService.executeCommand(UpdateSlideElementOperation.id,{unitId:this._renderContext.unitId,oKey:curRichText==null?void 0:curRichText.oKey,props:{richText}}),this._curRichText=null}startEditing(pageId,target){this._setEditorRect(pageId,target),this.setEditorVisible(!0)}setEditorVisible(visible){var _a2,_b2;visible?(_a2=this._curRichText)==null||_a2.hide():(_b2=this._curRichText)==null||_b2.show();const{unitId}=this._renderContext;this._editorBridgeService.changeVisible({visible,eventType:engineRender.DeviceInputEventType.PointerDown,unitId})}},__name(_g,"SlideEditorBridgeRenderController"),_g);SlideEditorBridgeRenderController=__decorateClass$3([__decorateParam$3(1,core.IUniverInstanceService),__decorateParam$3(2,core.ICommandService),__decorateParam$3(3,ISlideEditorBridgeService)],SlideEditorBridgeRenderController);const ActivateSlidePageOperation={id:"slide.operation.activate-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{var _a2,_b2;const unitId=params.unitId,canvasView=accessor.get(exports2.CanvasView),model=accessor.get(core.IUniverInstanceService).getUnit(unitId),pageId=(_a2=model==null?void 0:model.getActivePage())==null?void 0:_a2.id;if(!pageId)return!1;const page=canvasView.getRenderUnitByPageId(pageId,unitId);if(!page)return!1;const transformer=(_b2=page.scene)==null?void 0:_b2.getTransformer();return transformer&&transformer.clearControls(),canvasView.activePage(params.id,unitId),!0},"handler")},AppendSlideOperation={id:"slide.operation.append-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const unitId=params.unitId;return accessor.get(core.IUniverInstanceService).getUnit(unitId)?(accessor.get(exports2.CanvasView).appendPage(unitId),!0):!1},"handler")},InsertSlideFloatImageCommand={id:"slide.command.insert-float-image",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{var _a2;const univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))==null?void 0:_a2.getUnitId();if(!unitId)return!1;const files=await accessor.get(ui.ILocalFileService).openFile({multiple:!0,accept:drawing.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(image2=>`.${image2.replace("image/","")}`).join(",")});if(files.length!==1)return!1;const imageParam=await accessor.get(drawing.IImageIoService).saveImage(files[0]);if(!imageParam)return!1;const{imageId,imageSourceType,source,base64Cache}=imageParam,{width,height,image}=await drawing.getImageSize(base64Cache||""),slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):20,data={id:imageId,zIndex:maxIndex+1,left:0,top:0,width,height,title:"",description:"",type:core.PageElementType.IMAGE,image:{imageProperties:{contentUrl:base64Cache,imageSourceType,source,base64Cache,image}}};activePage.pageElements[imageId]=data,slideData.updatePage(activePage.id,activePage);const canvasView=accessor.get(exports2.CanvasView),sceneObject=canvasView.createObjectToPage(data,activePage.id,unitId);return sceneObject&&canvasView.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SlideAddTextCommand={id:"slide.command.add-text",type:core.CommandType.COMMAND,handler:__name(async accessor=>{var _a2;const commandService=accessor.get(core.ICommandService),unitId=(_a2=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a2.getUnitId();return await commandService.executeCommand(SlideAddTextOperation.id,{unitId})},"handler")},SlideAddTextOperation={id:"slide.operation.add-text",type:core.CommandType.OPERATION,handler:__name(async(accessor,params)=>{const unitId=params.unitId,elementId=core.generateRandomId(6),defaultWidth=220,defaultheight=40,left=230,top=142,textContent=(params==null?void 0:params.text)||"A New Text",slideData=accessor.get(core.IUniverInstanceService).getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):21,elementData={id:elementId,zIndex:maxIndex+1,left,top,width:defaultWidth,height:defaultheight,title:"text",description:"",type:core.PageElementType.TEXT,richText:{text:textContent,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};activePage.pageElements[elementId]=elementData,slideData.updatePage(activePage.id,activePage);const canvasview=accessor.get(exports2.CanvasView),sceneObject=canvasview.createObjectToPage(elementData,activePage.id,unitId);return sceneObject&&canvasview.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SetSlidePageThumbOperation={id:"slide.operation.set-slide-page-thumb",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>(accessor.get(exports2.CanvasView).createThumbs(params.unitId),!0),"handler")},styles$2={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"},SlideImagePopupMenu=__name(props=>{var _a2,_b2;const menuItems=(_b2=(_a2=props.popup)==null?void 0:_a2.extraProps)==null?void 0:_b2.menuItems;if(!menuItems)return null;const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),[visible,setVisible]=React.useState(!1),[isHovered,setHovered]=React.useState(!1),handleMouseEnter=__name(()=>{setHovered(!0)},"handleMouseEnter"),handleMouseLeave=__name(()=>{setHovered(!1)},"handleMouseLeave"),onVisibleChange=__name(visible2=>{setVisible(visible2)},"onVisibleChange"),handleClick=__name(item=>{commandService.executeCommand(item.commandId,item.commandParams),setVisible(!1)},"handleClick"),showMore=visible||isHovered,availableMenu=menuItems.filter(item=>!item.disable);return jsxRuntimeExports.jsx("div",{onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:jsxRuntimeExports.jsx(design.Dropdown,{placement:"bottomLeft",trigger:["click"],overlay:jsxRuntimeExports.jsx("ul",{className:styles$2.imagePopupMenu,children:availableMenu.map(item=>jsxRuntimeExports.jsx("li",{onClick:__name(()=>handleClick(item),"onClick"),className:styles$2.imagePopupMenuItem,children:jsxRuntimeExports.jsx("span",{className:styles$2.imagePopupMenuItemTitle,children:localeService.t(item.label)})},item.index))}),visible,onVisibleChange,children:jsxRuntimeExports.jsxs("div",{className:clsx(styles$2.btnContainer,{[styles$2.btnContainerExpand]:visible}),children:[jsxRuntimeExports.jsx(Autofill,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),showMore&&jsxRuntimeExports.jsx(MoreDownSingle,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},"SlideImagePopupMenu"),styles$1={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 SlideSideBar(){var _a2,_b2;const univerInstanceService=core.useDependency(core.IUniverInstanceService),commandService=core.useDependency(core.ICommandService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),localeService=core.useDependency(core.LocaleService),slideBarRef=React.useRef(null),currentSlide=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pages=currentSlide==null?void 0:currentSlide.getPages(),pageOrder=currentSlide==null?void 0:currentSlide.getPageOrder();if(!pages||!pageOrder)return null;const slideList=pageOrder.map(id=>pages[id]),[divRefs,setDivRefs]=React.useState([]),[activatePageId,setActivatePageId]=React.useState((_b2=(_a2=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a2.id)!=null?_b2:null);React.useEffect(()=>{setDivRefs(slideList.map(_=>React.createRef()))},[slideList.length]),React.useEffect(()=>{const subscriber=currentSlide==null?void 0:currentSlide.activePage$.subscribe(page=>{var _a3;const id=(_a3=page==null?void 0:page.id)!=null?_a3:null;id&&setActivatePageId(id)});return()=>{subscriber==null||subscriber.unsubscribe()}},[]),React.useEffect(()=>{divRefs.forEach((ref,index)=>{var _a3;if(ref.current){const slide=slideList[index];(_a3=renderManagerService.getRenderById(slide.id))==null||_a3.engine.setContainer(ref.current)}}),divRefs.length>0&&commandService.syncExecuteCommand(SetSlidePageThumbOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[divRefs,slideList,renderManagerService,commandService,currentSlide]);const activatePage=React.useCallback(page=>{commandService.syncExecuteCommand(ActivateSlidePageOperation.id,{id:page,unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]),handleAppendSlide=React.useCallback(()=>{commandService.syncExecuteCommand(AppendSlideOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]);return jsxRuntimeExports.jsx("aside",{className:styles$1.slideBar,ref:slideBarRef,children:jsxRuntimeExports.jsx(design.Scrollbar,{children:jsxRuntimeExports.jsxs("div",{className:styles$1.slideBarContent,children:[jsxRuntimeExports.jsx("header",{className:styles$1.slideBarContentHeader,children:jsxRuntimeExports.jsx("a",{onClick:handleAppendSlide,children:localeService.t("slide.append")})}),slideList.map((item,index)=>jsxRuntimeExports.jsxs("div",{className:clsx(styles$1.slideBarItem,{[styles$1.slideBarItemActive]:item.id===activatePageId}),onClick:__name(()=>activatePage(item.id),"onClick"),children:[jsxRuntimeExports.jsx("span",{children:index+1}),jsxRuntimeExports.jsx("div",{ref:divRefs[index],className:styles$1.slideBarBox})]},item.id))]})})})}__name(SlideSideBar,"SlideSideBar");const styles={slideEditorContainer:"univer-slide-editor-container",editorInput:"univer-editor-input"},HIDDEN_EDITOR_POSITION=-1e3,EDITOR_DEFAULT_POSITION={width:0,height:0,top:HIDDEN_EDITOR_POSITION,left:HIDDEN_EDITOR_POSITION},SlideEditorContainer=__name(()=>{const[state,setState]=React.useState({...EDITOR_DEFAULT_POSITION}),slideEditorManagerService=core.useDependency(ISlideEditorManagerService),editorService=core.useDependency(docsUi.IEditorService),contextService=core.useDependency(core.IContextService),disableAutoFocus=ui.useObservable(()=>contextService.subscribeContextValue$(ui.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[contextService,ui.DISABLE_AUTO_FOCUS_KEY]),snapshot={id:SLIDE_EDITOR_ID,body:{dataStream:`${core.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],paragraphs:[{startIndex:0}]},documentStyle:{documentFlavor:core.DocumentFlavor.MODERN}};return React.useEffect(()=>{slideEditorManagerService.state$.subscribe(param=>{if(param==null)return;const{startX=HIDDEN_EDITOR_POSITION,startY=HIDDEN_EDITOR_POSITION,endX=0,endY=0,show=!1}=param;if(!show)setState({...EDITOR_DEFAULT_POSITION});else{setState({width:endX-startX-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:endY-startY-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:startX+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,top:startY+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET});const editor=editorService.getEditor(SLIDE_EDITOR_ID);if(editor==null)return;const{left,top,width,height}=editor.getBoundingClientRect();slideEditorManagerService.setRect({left,top,width,height})}})},[]),React.useEffect(()=>{disableAutoFocus||slideEditorManagerService.setFocus(!0)},[disableAutoFocus,state]),jsxRuntimeExports.jsx("div",{className:styles.slideEditorContainer,style:{left:state.left,top:state.top,width:state.width,height:state.height},children:jsxRuntimeExports.jsx(docsUi.TextEditor,{id:SLIDE_EDITOR_ID,className:styles.editorInput,snapshot,cancelDefaultResizeListener:!1,isSheetEditor:!1,isSingle:!1})})},"SlideEditorContainer"),IMAGE_UPLOAD_ICON="addition-and-subtraction-single",IMAGE_MENU_ID="slide.menu.image";function SlideImageMenuFactory(accessor){return{id:IMAGE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:IMAGE_UPLOAD_ICON,tooltip:"slide.image.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideImageMenuFactory,"SlideImageMenuFactory");function UploadSlideFloatImageMenuFactory(_accessor){return{id:InsertSlideFloatImageCommand.id,title:"slide.image.insert.float",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatImageMenuFactory,"UploadSlideFloatImageMenuFactory");const TEXT_ICON_ID="text-single";function SlideAddTextMenuItemFactory(_accessor){return{id:SlideAddTextCommand.id,type:ui.MenuItemType.BUTTON,icon:TEXT_ICON_ID,tooltip:"slide.text.insert.title",hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideAddTextMenuItemFactory,"SlideAddTextMenuItemFactory");const GRAPH_SINGLE_ICON="graph-single",SHAPE_MENU_ID="slide.menu.shape";function SlideShapeMenuFactory(accessor){return{id:SHAPE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:GRAPH_SINGLE_ICON,tooltip:"slide.shape.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideShapeMenuFactory,"SlideShapeMenuFactory");function UploadSlideFloatShapeMenuFactory(_accessor){return{id:InsertSlideShapeRectangleCommand.id,title:"slide.shape.insert.rectangle",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatShapeMenuFactory,"UploadSlideFloatShapeMenuFactory");const menuSchema={[ui.RibbonStartGroup.FORMAT]:{[SlideAddTextCommand.id]:{order:0,menuItemFactory:SlideAddTextMenuItemFactory},[IMAGE_MENU_ID]:{order:0,menuItemFactory:SlideImageMenuFactory,[InsertSlideFloatImageCommand.id]:{order:0,menuItemFactory:UploadSlideFloatImageMenuFactory}},[SHAPE_MENU_ID]:{order:0,menuItemFactory:SlideShapeMenuFactory,[InsertSlideShapeRectangleCommand.id]:{order:0,menuItemFactory:UploadSlideFloatShapeMenuFactory}}}};function whenEditorActivated(contextService){return contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)&&contextService.getContextValue(core.EDITOR_ACTIVATED)}__name(whenEditorActivated,"whenEditorActivated");function whenFormulaEditorFocused(contextService){return contextService.getContextValue(core.FORMULA_EDITOR_ACTIVATED)&&contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)}__name(whenFormulaEditorFocused,"whenFormulaEditorFocused");const ARROW_SELECTION_KEYCODE_LIST=[ui.KeyCode.ARROW_DOWN,ui.KeyCode.ARROW_UP,ui.KeyCode.ARROW_LEFT,ui.KeyCode.ARROW_RIGHT];[ui.KeyCode.ENTER,ui.KeyCode.TAB,...ARROW_SELECTION_KEYCODE_LIST];function generateArrowSelectionShortCutItem(){const shortcutList=[];for(const keycode of ARROW_SELECTION_KEYCODE_LIST)shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!1}}),shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode|ui.MetaKeys.SHIFT,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!0}});return shortcutList}__name(generateArrowSelectionShortCutItem,"generateArrowSelectionShortCutItem");const EditorDeleteLeftShortcut={id:docsUi.DeleteLeftCommand.id,preconditions:__name(contextService=>whenEditorActivated(contextService)||whenFormulaEditorFocused(contextService),"preconditions"),binding:ui.KeyCode.BACKSPACE};var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2");exports2.SlidesUIController=(_h=class extends core.Disposable{constructor(_injector,_menuManagerService,_componentManager,_uiPartsService,_commandService,_shortcutService){super(),this._injector=_injector,this._menuManagerService=_menuManagerService,this._componentManager=_componentManager,this._uiPartsService=_uiPartsService,this._commandService=_commandService,this._shortcutService=_shortcutService,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(menuSchema)}_initCustomComponents(){const componentManager=this._componentManager;this.disposeWithMe(componentManager.register(IMAGE_UPLOAD_ICON,AddImageSingle)),this.disposeWithMe(componentManager.register(TEXT_ICON_ID,TextSingle)),this.disposeWithMe(componentManager.register(GRAPH_SINGLE_ICON,GraphSingle)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_IMAGE_POPUP_MENU,SlideImagePopupMenu)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_SIDEBAR,RectSidebar))}_initCommands(){[AppendSlideOperation,ActivateSlidePageOperation,SetSlidePageThumbOperation,InsertSlideFloatImageCommand,SlideAddTextOperation,SlideAddTextCommand,InsertSlideShapeRectangleOperation,InsertSlideShapeRectangleCommand,ToggleSlideEditSidebarOperation,DeleteSlideElementOperation,UpdateSlideElementOperation,SetTextEditArrowOperation].forEach(command=>this.disposeWithMe(this._commandService.registerCommand(command)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.LEFT_SIDEBAR,()=>core.connectInjector(SlideSideBar,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.CONTENT,()=>core.connectInjector(SlideEditorContainer,this._injector)))}_initShortcuts(){[EditorDeleteLeftShortcut,...generateArrowSelectionShortCutItem()].forEach(item=>{this.disposeWithMe(this._shortcutService.registerShortcut(item))})}},__name(_h,"SlidesUIController"),_h),exports2.SlidesUIController=__decorateClass$2([__decorateParam$2(0,core.Inject(core.Injector)),__decorateParam$2(1,ui.IMenuManagerService),__decorateParam$2(2,core.Inject(ui.ComponentManager)),__decorateParam$2(3,ui.IUIPartsService),__decorateParam$2(4,core.ICommandService),__decorateParam$2(5,ui.IShortcutService)],exports2.SlidesUIController);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1");let SlideRenderService=(_i=class extends core.RxDisposable{constructor(_contextService,_instanceSrv,_renderManagerService){super(),this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(slideModel=>{this._createRenderer(slideModel==null?void 0:slideModel.getUnitId())}),this._instanceSrv.getAllUnitsForType(core.UniverInstanceType.UNIVER_SLIDE).forEach(slideModel=>{this._createRenderer(slideModel.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(workbook=>this._disposeRenderer(workbook))}_createRenderer(unitId){unitId==null||this._instanceSrv.getUnit(unitId,core.UniverInstanceType.UNIVER_SLIDE)==null||(this._renderManagerService.createRender(unitId),this._renderManagerService.setCurrent(unitId))}_disposeRenderer(workbook){const unitId=workbook.getUnitId();this._renderManagerService.removeRender(unitId)}_initContextListener(){}},__name(_i,"SlideRenderService"),_i);SlideRenderService=__decorateClass$1([__decorateParam$1(0,core.IContextService),__decorateParam$1(1,core.IUniverInstanceService),__decorateParam$1(2,engineRender.IRenderManagerService)],SlideRenderService);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam");const SLIDE_UI_PLUGIN_NAME="SLIDE_UI";exports2.UniverSlidesUIPlugin=(_j=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_renderManagerService,_univerInstanceService,_configService){super(),this._config=_config,this._injector=_injector,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._configService=_configService;const{menu,...rest}=this._config;menu&&this._configService.setConfig("menu",menu,{merge:!0}),this._configService.setConfig(PLUGIN_CONFIG_KEY,rest)}onStarting(){core.mergeOverrideWithDependencies([[SlideRenderService],[ISlideEditorBridgeService,{useClass:SlideEditorBridgeService}],[ISlideEditorManagerService,{useClass:SlideEditorManagerService}],[exports2.SlideCanvasPopMangerService]],this._config.override).forEach(d=>this._injector.add(d))}onReady(){[[SlideRenderController]].forEach(m2=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m2))}),core.mergeOverrideWithDependencies([[exports2.CanvasView],[exports2.SlidesUIController],[SlideRenderController],[SlidePopupMenuController]],this._config.override).forEach(m2=>{this._injector.add(m2)}),this._injector.get(exports2.CanvasView),this._injector.get(SlideRenderService)}onRendered(){[[SlideEditorBridgeRenderController],[SlideEditingRenderController]].forEach(m2=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m2))}),this._markSlideAsFocused(),this._injector.get(exports2.SlidesUIController)}onSteady(){this._injector.get(SlidePopupMenuController)}_markSlideAsFocused(){const currentService=this._univerInstanceService;try{const slideDataModel=currentService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE);currentService.focusUnit(slideDataModel.getUnitId())}catch{}}},__name(_j,"UniverSlidesUIPlugin"),__publicField(_j,"pluginName",SLIDE_UI_PLUGIN_NAME),__publicField(_j,"type",core.UniverInstanceType.UNIVER_SLIDE),_j),exports2.UniverSlidesUIPlugin=__decorateClass([__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService),__decorateParam(3,core.IUniverInstanceService),__decorateParam(4,core.IConfigService)],exports2.UniverSlidesUIPlugin),exports2.ActivateSlidePageOperation=ActivateSlidePageOperation,exports2.AppendSlideOperation=AppendSlideOperation,exports2.DeleteSlideElementOperation=DeleteSlideElementOperation,exports2.IMAGE_MENU_ID=IMAGE_MENU_ID,exports2.ISlideEditorBridgeService=ISlideEditorBridgeService,exports2.InsertSlideFloatImageCommand=InsertSlideFloatImageCommand,exports2.InsertSlideShapeRectangleCommand=InsertSlideShapeRectangleCommand,exports2.InsertSlideShapeRectangleOperation=InsertSlideShapeRectangleOperation,exports2.SHAPE_MENU_ID=SHAPE_MENU_ID,exports2.SLIDE_EDITOR_ID=SLIDE_EDITOR_ID,exports2.SetSlidePageThumbOperation=SetSlidePageThumbOperation,exports2.SlideAddTextCommand=SlideAddTextCommand,exports2.SlideAddTextOperation=SlideAddTextOperation,exports2.SlideEditorContainer=SlideEditorContainer,exports2.SlideSideBar=SlideSideBar,exports2.UpdateSlideElementOperation=UpdateSlideElementOperation,exports2.menuSchema=menuSchema,Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"})});
10
+ `,textRuns:[{st:0,ed:content.length}],paragraphs:[{paragraphStyle:{},startIndex:content.length+1}],sectionBreaks:[{startIndex:content.length+2}]},documentStyle:{marginBottom:0,marginLeft:0,marginRight:0,marginTop:0,pageSize:{width:1/0,height:1/0},textStyle:{fs:fontSize},renderConfig:{verticalAlign:core.VerticalAlign.MIDDLE,centerAngle:0,vertexAngle:0,wrapStrategy:0}},drawings:{},drawingsOrder:[],settings:{zoomRatio:1}}}},__name(_e,"SlideEditorBridgeService"),_e);SlideEditorBridgeService=__decorateClass$5([__decorateParam$5(0,docsUi.IEditorService),__decorateParam$5(1,core.IContextService),__decorateParam$5(2,engineRender.IRenderManagerService)],SlideEditorBridgeService);const _SlideEditorManagerService=class _SlideEditorManagerService{constructor(){__publicField(this,"_state",null);__publicField(this,"_rect",null);__publicField(this,"_state$",new rxjs.BehaviorSubject(null));__publicField(this,"state$",this._state$.asObservable());__publicField(this,"_rect$",new rxjs.BehaviorSubject(null));__publicField(this,"rect$",this._rect$.asObservable());__publicField(this,"_focus",!1);__publicField(this,"_focus$",new rxjs.BehaviorSubject(this._focus));__publicField(this,"focus$",this._focus$.asObservable())}dispose(){this._state$.complete(),this._state=null,this._rect$.complete(),this._rect=null}setState(param){this._state=param,this._refresh(param)}getRect(){return this._rect}setRect(param){this._rect=param,this._rect$.next(param)}getState(){return this._state}setFocus(param=!1){this._focus=param,this._focus$.next(param)}_refresh(param){this._state$.next(param)}};__name(_SlideEditorManagerService,"SlideEditorManagerService");let SlideEditorManagerService=_SlideEditorManagerService;const ISlideEditorManagerService=core.createIdentifier("univer.slide-editor-manager.service");var CursorChange=(_CursorChange=>(_CursorChange[_CursorChange.InitialState=0]="InitialState",_CursorChange[_CursorChange.StartEditor=1]="StartEditor",_CursorChange[_CursorChange.CursorChange=2]="CursorChange",_CursorChange))(CursorChange||{}),__defProp$4=Object.defineProperty,__getOwnPropDesc$4=Object.getOwnPropertyDescriptor,__decorateClass$4=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$4(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$4(target,key,result),result},"__decorateClass$4"),__decorateParam$4=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$4");const HIDDEN_EDITOR_POSITION$1=-1e3,EDITOR_INPUT_SELF_EXTEND_GAP=5,EDITOR_BORDER_SIZE=2;let SlideEditingRenderController=(_f=class extends core.Disposable{constructor(_renderContext,_layoutService,_undoRedoService,_contextService,_instanceSrv,_renderManagerService,_editorBridgeService,_cellEditorManagerService,_textSelectionManagerService,_commandService,_localService,_editorService){super();__publicField(this,"_cursorChange",CursorChange.InitialState);__publicField(this,"_isUnitEditing",!1);__publicField(this,"_d");this._renderContext=_renderContext,this._layoutService=_layoutService,this._undoRedoService=_undoRedoService,this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,this._editorBridgeService=_editorBridgeService,this._cellEditorManagerService=_cellEditorManagerService,this._textSelectionManagerService=_textSelectionManagerService,this._commandService=_commandService,this._localService=_localService,this._editorService=_editorService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():(this._disposeCurrent(),this._isUnitEditing&&(this._handleEditorInvisible({visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode:ui.KeyCode.ESC,unitId:this._renderContext.unitId}),this._isUnitEditing=!1))})),this._initEditorVisibilityListener()}dispose(){super.dispose(),this._disposeCurrent()}_disposeCurrent(){var _a2;(_a2=this._d)==null||_a2.dispose(),this._d=null}_init(){const d=new core.DisposableCollection;return this._subscribeToCurrentCell(d),this._initialKeyboardListener(d),this._initialCursorSync(d),this._listenEditorFocus(d),this._commandExecutedListener(d),setTimeout(()=>{this._cursorStateListener(d)},1e3),d}_initEditorVisibilityListener(){this.disposeWithMe(this._editorBridgeService.visible$.subscribe(param=>{param.visible?(this._isUnitEditing=!0,this._handleEditorVisible(param)):this._isUnitEditing&&(this._handleEditorInvisible(param),this._isUnitEditing=!1)}))}_listenEditorFocus(d){const renderConfig=this._getEditorObject();renderConfig&&d.add(renderConfig.document.onPointerDown$.subscribeEvent(()=>{}))}_getEditorSkeleton(editorId){var _a2;return(_a2=this._renderManagerService.getRenderById(editorId))==null?void 0:_a2.with(docs.DocSkeletonManagerService).getSkeleton()}_getEditorViewModel(editorId){var _a2;return(_a2=this._renderManagerService.getRenderById(editorId))==null?void 0:_a2.with(docs.DocSkeletonManagerService).getViewModel()}_initialCursorSync(d){d.add(this._cellEditorManagerService.focus$.pipe(rxjs.filter(f2=>!!f2)).subscribe(()=>{var _a2;const docSelectionRenderManager=(_a2=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a2.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.sync()}))}_subscribeToCurrentCell(d){d.add(this._editorBridgeService.currentEditRectState$.subscribe(editCellState=>{var _a2;if(editCellState==null||this._contextService.getContextValue(core.FOCUSING_EDITOR_STANDALONE)||this._contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE))return;const{position:{startX,endX},documentLayoutObject:{textRotation,wrapStrategy,documentModel},scaleX,editorUnitId}=editCellState,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation);documentModel.updateDocumentId(editorUnitId),wrapStrategy===core.WrapStrategy.WRAP&&angle===0&&documentModel.updateDocumentDataPageSize((endX-startX)/scaleX),this._instanceSrv.changeDoc(editorUnitId,documentModel),this._contextService.setContextValue(core.FOCUSING_EDITOR_BUT_HIDDEN,!0),this._textSelectionManagerService.replaceTextRanges([{startOffset:0,endOffset:0}]);const docSelectionRenderManager=(_a2=this._renderManagerService.getCurrentTypeOfRenderer(core.UniverInstanceType.UNIVER_DOC))==null?void 0:_a2.with(docsUi.DocSelectionRenderService);docSelectionRenderManager&&docSelectionRenderManager.activate(HIDDEN_EDITOR_POSITION$1,HIDDEN_EDITOR_POSITION$1)}))}_fitTextSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,startY,endX,endY}=positionFromEditRectState,documentDataModel=documentLayoutObject.documentModel;if(documentDataModel==null)return;const{actualWidth,actualHeight}=this._predictingSize(positionFromEditRectState,canvasOffset,documentSkeleton,documentLayoutObject,scaleX,scaleY),{verticalAlign,paddingData,fill}=documentLayoutObject;let editorWidth=endX-startX,editorHeight=endY-startY;if(editorWidth<actualWidth&&(editorWidth=actualWidth),editorHeight<actualHeight)editorHeight=actualHeight,documentDataModel.updateDocumentDataMargin(paddingData);else{let offsetTop=0;verticalAlign===core.VerticalAlign.MIDDLE?offsetTop=(editorHeight-actualHeight)/2/scaleY:verticalAlign===core.VerticalAlign.TOP?offsetTop=paddingData.t||0:offsetTop=(editorHeight-actualHeight)/scaleY-(paddingData.b||0),offsetTop=offsetTop<(paddingData.t||0)?paddingData.t||0:offsetTop,documentDataModel.updateDocumentDataMargin({t:offsetTop})}documentSkeleton.calculate(),this._editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX,scaleY)}_predictingSize(actualRangeWithCoord,canvasOffset,documentSkeleton,documentLayoutObject,scaleX=1,scaleY=1){const{startX,endX}=actualRangeWithCoord,{textRotation,wrapStrategy}=documentLayoutObject,documentDataModel=documentLayoutObject.documentModel,{vertexAngle:angle}=engineRender.convertTextRotation(textRotation),clientWidth=document.body.clientWidth;if(wrapStrategy===core.WrapStrategy.WRAP&&angle===0){const{actualWidth,actualHeight}=documentSkeleton.getActualSize();return{actualWidth:actualWidth*scaleX,actualHeight:actualHeight*scaleY}}documentDataModel==null||documentDataModel.updateDocumentDataPageSize((clientWidth-startX-canvasOffset.left)/scaleX),documentSkeleton.calculate();const size=documentSkeleton.getActualSize();let editorWidth=endX-startX;return editorWidth<size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX&&(editorWidth=size.actualWidth*scaleX+EDITOR_INPUT_SELF_EXTEND_GAP*scaleX),documentDataModel==null||documentDataModel.updateDocumentDataPageSize(editorWidth/scaleX),documentDataModel==null||documentDataModel.updateDocumentRenderConfig({horizontalAlign:core.HorizontalAlign.UNSPECIFIED,cellValueType:void 0}),{actualWidth:editorWidth,actualHeight:size.actualHeight*scaleY}}_editAreaProcessing(editorWidth,editorHeight,positionFromEditRectState,canvasOffset,fill,scaleX=1,scaleY=1){var _a2;const editorObject=this._getEditorObject();if(editorObject==null)return;function pxToNum(width2){return Number.parseInt(width2.replace("px",""))}__name(pxToNum,"pxToNum");const canvasElement=this._renderContext.engine.getCanvasElement(),canvasClientRect=canvasElement.getBoundingClientRect(),widthOfCanvas=pxToNum(canvasElement.style.width),{top,left,width}=canvasClientRect,scaleAdjust=width/widthOfCanvas;let{startX,startY}=positionFromEditRectState;startX+=canvasOffset.left,startY+=canvasOffset.top;const{document:documentComponent,scene:editorScene,engine:docEngine}=editorObject,viewportMain=editorScene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN),clientHeight=document.body.clientHeight-startY-canvasOffset.top-EDITOR_BORDER_SIZE*2,clientWidth=document.body.clientWidth-startX-canvasOffset.left;let physicHeight=editorHeight,scrollBar=viewportMain==null?void 0:viewportMain.getScrollBar();physicHeight>clientHeight?(physicHeight=clientHeight,scrollBar==null?viewportMain&&new engineRender.ScrollBar(viewportMain,{enableHorizontal:!1,barSize:8}):viewportMain==null||viewportMain.resetCanvasSizeAndUpdateScroll()):(scrollBar=null,(_a2=viewportMain==null?void 0:viewportMain.getScrollBar())==null||_a2.dispose()),editorWidth+=(scrollBar==null?void 0:scrollBar.barSize)||0,editorWidth=Math.min(editorWidth,clientWidth),startX-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,startY-=engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,this._addBackground(editorScene,editorWidth/scaleX,editorHeight/scaleY,fill);const{scaleX:precisionScaleX,scaleY:precisionScaleY}=editorScene.getPrecisionScale();editorScene.transformByState({width:editorWidth*scaleAdjust/scaleX,height:editorHeight*scaleAdjust/scaleY,scaleX:scaleX*scaleAdjust,scaleY:scaleY*scaleAdjust}),documentComponent.resize(editorWidth/scaleX,editorHeight/scaleY),setTimeout(()=>{docEngine.resizeBySize(engineRender.fixLineWidthByScale(editorWidth,precisionScaleX),engineRender.fixLineWidthByScale(physicHeight,precisionScaleY))},0);const contentBoundingRect=this._layoutService.getContentElement().getBoundingClientRect(),canvasBoundingRect=canvasElement.getBoundingClientRect();startX=startX*scaleAdjust+(canvasBoundingRect.left-contentBoundingRect.left),startY=startY*scaleAdjust+(canvasBoundingRect.top-contentBoundingRect.top),this._cellEditorManagerService.setState({startX,startY,endX:editorWidth*scaleAdjust+startX,endY:physicHeight*scaleAdjust+startY,show:!0})}_addBackground(scene,editorWidth,editorHeight,fill){const fillRectKey="_backgroundRectHelperColor_",rect=scene.getObject(fillRectKey);rect==null&&fill==null||(rect==null?scene.addObjects([new engineRender.Rect(fillRectKey,{width:editorWidth,height:editorHeight,fill,evented:!1})],docsUi.DOCS_COMPONENT_MAIN_LAYER_INDEX):fill==null?rect.dispose():(rect.setProps({fill}),rect.transformByState({width:editorWidth,height:editorHeight})))}_handleEditorVisible(param){var _a2,_b2;const{eventType}=param;this._cursorChange=[engineRender.DeviceInputEventType.PointerDown,engineRender.DeviceInputEventType.Dblclick].includes(eventType)?CursorChange.CursorChange:CursorChange.StartEditor;const editCellState=this._editorBridgeService.getEditRectState();if(editCellState==null)return;const{position,documentLayoutObject,slideCardOffset:canvasOffset,scaleX,scaleY,editorUnitId,unitId}=editCellState,editorObject=this._getEditorObject();if(editorObject==null)return;const{scene}=editorObject;this._contextService.setContextValue(core.EDITOR_ACTIVATED,!0);const{documentModel:documentDataModel}=documentLayoutObject,skeleton=this._getEditorSkeleton(editorUnitId);if(!skeleton||!documentDataModel)return;this._fitTextSize(position,canvasOffset,skeleton,documentLayoutObject,scaleX,scaleY);const cursor=documentDataModel.getBody().dataStream.length-2||0;(_a2=scene.getViewport(docsUi.VIEWPORT_KEY.VIEW_MAIN))==null||_a2.scrollToViewportPos({viewportScrollX:Number.POSITIVE_INFINITY}),this._textSelectionManagerService.replaceTextRanges([{startOffset:cursor,endOffset:cursor}]),(_b2=this._renderManagerService.getRenderById(unitId))==null||_b2.scene.resetCursor()}_resetBodyStyle(body,removeStyle=!1){body.dataStream=core.DEFAULT_EMPTY_DOCUMENT_VALUE,body.textRuns!=null&&(body.textRuns.length===1&&!removeStyle?(body.textRuns[0].st=0,body.textRuns[0].ed=1):body.textRuns=void 0),body.paragraphs!=null&&(body.paragraphs.length===1?body.paragraphs[0].startIndex=0:body.paragraphs=[{startIndex:0}]),body.sectionBreaks!=null&&(body.sectionBreaks=void 0),body.tables!=null&&(body.tables=void 0),body.customRanges!=null&&(body.customRanges=void 0),body.customBlocks!=null&&(body.customBlocks=void 0)}_initialKeyboardListener(d){}_showEditorByKeyboard(config){}_commandExecutedListener(d){const moveCursorOP=[SetTextEditArrowOperation.id],editedMutations=[docs.RichTextEditingMutation.id];d.add(this._commandService.onCommandExecuted(command=>{this._editorService.getFocusId()===SLIDE_EDITOR_ID&&(moveCursorOP.includes(command.id)&&this._moveCursorCmdHandler(command),editedMutations.includes(command.id)&&this._editorBridgeService.isVisible()&&this._editingChangedHandler())}))}_moveCursorCmdHandler(command){const params=command.params,{keycode,isShift}=params;keycode!=null&&this._cursorChange===CursorChange.CursorChange?this._moveInEditor(keycode,isShift):this._editorBridgeService.changeVisible(params)}_editingChangedHandler(){const editRect=this._editorBridgeService.getEditorRect();if(!editRect)return;const editingRichText=editRect.richTextObj;editingRichText.refreshDocumentByDocData(),editingRichText.resizeToContentSize();const{unitId}=this._renderContext;this._handleEditorVisible({visible:!0,eventType:3,unitId})}_setOpenForCurrent(unitId,subUnitId){const editors=this._editorService.getAllEditor();for(const[_,ed]of editors)ed.setOpenForSheetUnitId(unitId),ed.setOpenForSheetSubUnitId(subUnitId)}_getEditorObject(){return getEditorObject(this._editorBridgeService.getCurrentEditorId(),this._renderManagerService)}async _handleEditorInvisible(param){const{keycode}=param;if(this._setOpenForCurrent(null,null),this._cursorChange=CursorChange.InitialState,this._exitInput(param),this._editorBridgeService.getEditRectState()==null)return;if(this._editorBridgeService.getEditorDirty()===!1){this._moveCursor(keycode);return}this._moveCursor(keycode)}_exitInput(param){this._contextService.setContextValue(core.EDITOR_ACTIVATED,!1),this._cellEditorManagerService.setState({show:param.visible});const editorUnitId=this._editorBridgeService.getCurrentEditorId();editorUnitId!=null&&this._undoRedoService.clearUndoRedo(editorUnitId)}_moveCursor(keycode){if(keycode!=null)switch(core.Direction.LEFT,keycode){case ui.KeyCode.ENTER:core.Direction.DOWN;break;case ui.KeyCode.TAB:core.Direction.RIGHT;break;case ui.KeyCode.ARROW_DOWN:core.Direction.DOWN;break;case ui.KeyCode.ARROW_UP:core.Direction.UP;break;case ui.KeyCode.ARROW_LEFT:core.Direction.LEFT;break;case ui.KeyCode.ARROW_RIGHT:core.Direction.RIGHT;break}}_cursorStateListener(d){const editorObject=this._getEditorObject(),{document:documentComponent}=editorObject;d.add(core.toDisposable(documentComponent.onPointerDown$.subscribeEvent(()=>{this._cursorChange===CursorChange.StartEditor&&(this._cursorChange=CursorChange.CursorChange)})))}_moveInEditor(keycode,isShift){let direction=core.Direction.LEFT;keycode===ui.KeyCode.ARROW_DOWN?direction=core.Direction.DOWN:keycode===ui.KeyCode.ARROW_UP?direction=core.Direction.UP:keycode===ui.KeyCode.ARROW_RIGHT&&(direction=core.Direction.RIGHT),isShift?this._commandService.executeCommand(docsUi.MoveSelectionOperation.id,{direction}):this._commandService.executeCommand(docsUi.MoveCursorOperation.id,{direction})}},__name(_f,"SlideEditingRenderController"),_f);SlideEditingRenderController=__decorateClass$4([__decorateParam$4(1,ui.ILayoutService),__decorateParam$4(2,core.IUndoRedoService),__decorateParam$4(3,core.IContextService),__decorateParam$4(4,core.IUniverInstanceService),__decorateParam$4(5,engineRender.IRenderManagerService),__decorateParam$4(6,ISlideEditorBridgeService),__decorateParam$4(7,ISlideEditorManagerService),__decorateParam$4(8,core.Inject(docs.DocSelectionManagerService)),__decorateParam$4(9,core.ICommandService),__decorateParam$4(10,core.Inject(core.LocaleService)),__decorateParam$4(11,docsUi.IEditorService)],SlideEditingRenderController);function getEditorObject(unitId,renderManagerService){if(unitId==null)return;const currentRender=renderManagerService.getRenderById(unitId);if(currentRender==null)return;const{mainComponent,scene,engine,components}=currentRender,document2=mainComponent,docBackground=components.get(docsUi.DOCS_VIEW_KEY.BACKGROUND);return{document:document2,docBackground,scene,engine}}__name(getEditorObject,"getEditorObject");var __defProp$3=Object.defineProperty,__getOwnPropDesc$3=Object.getOwnPropertyDescriptor,__decorateClass$3=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$3(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$3(target,key,result),result},"__decorateClass$3"),__decorateParam$3=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$3");let SlideEditorBridgeRenderController=(_g=class extends core.RxDisposable{constructor(_renderContext,_instanceSrv,_commandService,_editorBridgeService){super();__publicField(this,"setSlideTextEditor$",new rxjs.Subject);__publicField(this,"_curRichText",null);__publicField(this,"_d");this._renderContext=_renderContext,this._instanceSrv=_instanceSrv,this._commandService=_commandService,this._editorBridgeService=_editorBridgeService,this.disposeWithMe(this._instanceSrv.getCurrentTypeOfUnit$(core.UniverInstanceType.UNIVER_SLIDE).subscribe(slideDataModel=>{slideDataModel&&slideDataModel.getUnitId()===this._renderContext.unitId?this._d=this._init():this._disposeCurrent()}))}_init(){const d=new core.DisposableCollection;return this._initEventListener(d),d}_disposeCurrent(){var _a2;(_a2=this._d)==null||_a2.dispose(),this._d=null}_setEditorRect(pageId,targetObject){this._curRichText=targetObject;const{scene,engine}=this._renderContext,unitId=this._renderContext.unitId,setEditorRect={scene,engine,unitId,pageId,richTextObj:targetObject};this._editorBridgeService.setEditorRect(setEditorRect)}_initEventListener(d){const listenersForPageScene=__name(scene=>{const transformer=scene.getTransformer();transformer&&(d.add(transformer.clearControl$.subscribe(()=>{this.setEditorVisible(!1),this.pickOtherObjects()})),d.add(transformer.createControl$.subscribe(()=>{this.setEditorVisible(!1)})),d.add(scene.onDblclick$.subscribeEvent(()=>{transformer.clearControls();const object=transformer.getSelectedObjectMap().values().next().value;object&&(object.objectType!==engineRender.ObjectType.RICH_TEXT?this.pickOtherObjects():this.startEditing(scene.sceneKey,object))})),d.add(this._instanceSrv.focused$.subscribe(fc=>{this.endEditing()})))},"listenersForPageScene"),{mainComponent}=this._renderContext;mainComponent.subSceneChanged$.subscribeEvent(pageScene=>{listenersForPageScene(pageScene)});const pageSceneList=Array.from(mainComponent.getSubScenes().values());for(let i=0;i<pageSceneList.length;i++){const pageScene=pageSceneList[i];listenersForPageScene(pageScene)}}pickOtherObjects(){this.endEditing()}endEditing(){var _a2;if(!this._curRichText)return;this.setEditorVisible(!1);const curRichText=this._curRichText;if(!this._instanceSrv.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))return!1;curRichText.refreshDocumentByDocData(),curRichText.resizeToContentSize(),this._editorBridgeService.endEditing$.next(curRichText);const richText={bl:1,fs:curRichText.fs,text:curRichText.text},textRuns=(_a2=curRichText.documentData.body)==null?void 0:_a2.textRuns;if(textRuns&&textRuns.length){const ts=textRuns[0].ts;richText.cl=ts==null?void 0:ts.cl}this._commandService.executeCommand(UpdateSlideElementOperation.id,{unitId:this._renderContext.unitId,oKey:curRichText==null?void 0:curRichText.oKey,props:{richText}}),this._curRichText=null}startEditing(pageId,target){this._setEditorRect(pageId,target),this.setEditorVisible(!0)}setEditorVisible(visible){var _a2,_b2;visible?(_a2=this._curRichText)==null||_a2.hide():(_b2=this._curRichText)==null||_b2.show();const{unitId}=this._renderContext;this._editorBridgeService.changeVisible({visible,eventType:engineRender.DeviceInputEventType.PointerDown,unitId})}},__name(_g,"SlideEditorBridgeRenderController"),_g);SlideEditorBridgeRenderController=__decorateClass$3([__decorateParam$3(1,core.IUniverInstanceService),__decorateParam$3(2,core.ICommandService),__decorateParam$3(3,ISlideEditorBridgeService)],SlideEditorBridgeRenderController);const ActivateSlidePageOperation={id:"slide.operation.activate-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{var _a2,_b2;const unitId=params.unitId,canvasView=accessor.get(exports2.CanvasView),model=accessor.get(core.IUniverInstanceService).getUnit(unitId),pageId=(_a2=model==null?void 0:model.getActivePage())==null?void 0:_a2.id;if(!pageId)return!1;const page=canvasView.getRenderUnitByPageId(pageId,unitId);if(!page)return!1;const transformer=(_b2=page.scene)==null?void 0:_b2.getTransformer();return transformer&&transformer.clearControls(),canvasView.activePage(params.id,unitId),!0},"handler")},AppendSlideOperation={id:"slide.operation.append-slide",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>{const unitId=params.unitId;return accessor.get(core.IUniverInstanceService).getUnit(unitId)?(accessor.get(exports2.CanvasView).appendPage(unitId),!0):!1},"handler")},InsertSlideFloatImageCommand={id:"slide.command.insert-float-image",type:core.CommandType.COMMAND,handler:__name(async(accessor,params)=>{var _a2;const univerInstanceService=accessor.get(core.IUniverInstanceService),unitId=(_a2=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE))==null?void 0:_a2.getUnitId();if(!unitId)return!1;const files=await accessor.get(ui.ILocalFileService).openFile({multiple:!0,accept:drawing.DRAWING_IMAGE_ALLOW_IMAGE_LIST.map(image2=>`.${image2.replace("image/","")}`).join(",")});if(files.length!==1)return!1;const imageParam=await accessor.get(drawing.IImageIoService).saveImage(files[0]);if(!imageParam)return!1;const{imageId,imageSourceType,source,base64Cache}=imageParam,{width,height,image}=await drawing.getImageSize(base64Cache||""),slideData=univerInstanceService.getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):20,data={id:imageId,zIndex:maxIndex+1,left:0,top:0,width,height,title:"",description:"",type:core.PageElementType.IMAGE,image:{imageProperties:{contentUrl:base64Cache,imageSourceType,source,base64Cache,image}}};activePage.pageElements[imageId]=data,slideData.updatePage(activePage.id,activePage);const canvasView=accessor.get(exports2.CanvasView),sceneObject=canvasView.createObjectToPage(data,activePage.id,unitId);return sceneObject&&canvasView.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SlideAddTextCommand={id:"slide.command.add-text",type:core.CommandType.COMMAND,handler:__name(async accessor=>{var _a2;const commandService=accessor.get(core.ICommandService),unitId=(_a2=accessor.get(core.IUniverInstanceService).getFocusedUnit())==null?void 0:_a2.getUnitId();return await commandService.executeCommand(SlideAddTextOperation.id,{unitId})},"handler")},SlideAddTextOperation={id:"slide.operation.add-text",type:core.CommandType.OPERATION,handler:__name(async(accessor,params)=>{const unitId=params.unitId,elementId=core.generateRandomId(6),defaultWidth=220,defaultheight=40,left=230,top=142,textContent=(params==null?void 0:params.text)||"A New Text",slideData=accessor.get(core.IUniverInstanceService).getUnit(unitId);if(!slideData)return!1;const activePage=slideData.getActivePage(),elements=Object.values(activePage.pageElements),maxIndex=elements!=null&&elements.length?Math.max(...elements.map(element2=>element2.zIndex)):21,elementData={id:elementId,zIndex:maxIndex+1,left,top,width:defaultWidth,height:defaultheight,title:"text",description:"",type:core.PageElementType.TEXT,richText:{text:textContent,fs:30,cl:{rgb:"rgb(51, 51, 51)"},bl:1}};activePage.pageElements[elementId]=elementData,slideData.updatePage(activePage.id,activePage);const canvasview=accessor.get(exports2.CanvasView),sceneObject=canvasview.createObjectToPage(elementData,activePage.id,unitId);return sceneObject&&canvasview.setObjectActiveByPage(sceneObject,activePage.id,unitId),!0},"handler")},SetSlidePageThumbOperation={id:"slide.operation.set-slide-page-thumb",type:core.CommandType.OPERATION,handler:__name((accessor,params)=>(accessor.get(exports2.CanvasView).createThumbs(params.unitId),!0),"handler")},styles$2={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"},SlideImagePopupMenu=__name(props=>{var _a2,_b2;const menuItems=(_b2=(_a2=props.popup)==null?void 0:_a2.extraProps)==null?void 0:_b2.menuItems;if(!menuItems)return null;const commandService=core.useDependency(core.ICommandService),localeService=core.useDependency(core.LocaleService),[visible,setVisible]=React.useState(!1),[isHovered,setHovered]=React.useState(!1),handleMouseEnter=__name(()=>{setHovered(!0)},"handleMouseEnter"),handleMouseLeave=__name(()=>{setHovered(!1)},"handleMouseLeave"),onVisibleChange=__name(visible2=>{setVisible(visible2)},"onVisibleChange"),handleClick=__name(item=>{commandService.executeCommand(item.commandId,item.commandParams),setVisible(!1)},"handleClick"),showMore=visible||isHovered,availableMenu=menuItems.filter(item=>!item.disable);return jsxRuntimeExports.jsx("div",{onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:jsxRuntimeExports.jsx(design.Dropdown,{placement:"bottomLeft",trigger:["click"],overlay:jsxRuntimeExports.jsx("ul",{className:styles$2.imagePopupMenu,children:availableMenu.map(item=>jsxRuntimeExports.jsx("li",{onClick:__name(()=>handleClick(item),"onClick"),className:styles$2.imagePopupMenuItem,children:jsxRuntimeExports.jsx("span",{className:styles$2.imagePopupMenuItemTitle,children:localeService.t(item.label)})},item.index))}),visible,onVisibleChange,children:jsxRuntimeExports.jsxs("div",{className:clsx(styles$2.btnContainer,{[styles$2.btnContainerExpand]:visible}),children:[jsxRuntimeExports.jsx(Autofill,{style:{color:"#35322B"},extend:{colorChannel1:"rgb(var(--green-700, #409f11))"}}),showMore&&jsxRuntimeExports.jsx(MoreDownSingle,{style:{color:"#CCCCCC",fontSize:"8px",marginLeft:"8px"}})]})})})},"SlideImagePopupMenu"),styles$1={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 SlideSideBar(){var _a2,_b2;const univerInstanceService=core.useDependency(core.IUniverInstanceService),commandService=core.useDependency(core.ICommandService),renderManagerService=core.useDependency(engineRender.IRenderManagerService),localeService=core.useDependency(core.LocaleService),slideBarRef=React.useRef(null),currentSlide=univerInstanceService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE),pages=currentSlide==null?void 0:currentSlide.getPages(),pageOrder=currentSlide==null?void 0:currentSlide.getPageOrder();if(!pages||!pageOrder)return null;const slideList=pageOrder.map(id=>pages[id]),[divRefs,setDivRefs]=React.useState([]),[activatePageId,setActivatePageId]=React.useState((_b2=(_a2=currentSlide==null?void 0:currentSlide.getActivePage())==null?void 0:_a2.id)!=null?_b2:null);React.useEffect(()=>{setDivRefs(slideList.map(_=>React.createRef()))},[slideList.length]),React.useEffect(()=>{const subscriber=currentSlide==null?void 0:currentSlide.activePage$.subscribe(page=>{var _a3;const id=(_a3=page==null?void 0:page.id)!=null?_a3:null;id&&setActivatePageId(id)});return()=>{subscriber==null||subscriber.unsubscribe()}},[]),React.useEffect(()=>{divRefs.forEach((ref,index)=>{var _a3;if(ref.current){const slide=slideList[index];(_a3=renderManagerService.getRenderById(slide.id))==null||_a3.engine.setContainer(ref.current)}}),divRefs.length>0&&commandService.syncExecuteCommand(SetSlidePageThumbOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[divRefs,slideList,renderManagerService,commandService,currentSlide]);const activatePage=React.useCallback(page=>{commandService.syncExecuteCommand(ActivateSlidePageOperation.id,{id:page,unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]),handleAppendSlide=React.useCallback(()=>{commandService.syncExecuteCommand(AppendSlideOperation.id,{unitId:currentSlide==null?void 0:currentSlide.getUnitId()})},[commandService,currentSlide]);return jsxRuntimeExports.jsx("aside",{className:styles$1.slideBar,ref:slideBarRef,children:jsxRuntimeExports.jsx(design.Scrollbar,{children:jsxRuntimeExports.jsxs("div",{className:styles$1.slideBarContent,children:[jsxRuntimeExports.jsx("header",{className:styles$1.slideBarContentHeader,children:jsxRuntimeExports.jsx("a",{onClick:handleAppendSlide,children:localeService.t("slide.append")})}),slideList.map((item,index)=>jsxRuntimeExports.jsxs("div",{className:clsx(styles$1.slideBarItem,{[styles$1.slideBarItemActive]:item.id===activatePageId}),onClick:__name(()=>activatePage(item.id),"onClick"),children:[jsxRuntimeExports.jsx("span",{children:index+1}),jsxRuntimeExports.jsx("div",{ref:divRefs[index],className:styles$1.slideBarBox})]},item.id))]})})})}__name(SlideSideBar,"SlideSideBar");const styles={slideEditorContainer:"univer-slide-editor-container",editorInput:"univer-editor-input"},HIDDEN_EDITOR_POSITION=-1e3,EDITOR_DEFAULT_POSITION={width:0,height:0,top:HIDDEN_EDITOR_POSITION,left:HIDDEN_EDITOR_POSITION},SlideEditorContainer=__name(()=>{const[state,setState]=React.useState({...EDITOR_DEFAULT_POSITION}),slideEditorManagerService=core.useDependency(ISlideEditorManagerService),editorService=core.useDependency(docsUi.IEditorService),contextService=core.useDependency(core.IContextService),disableAutoFocus=ui.useObservable(()=>contextService.subscribeContextValue$(ui.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[contextService,ui.DISABLE_AUTO_FOCUS_KEY]),snapshot={id:SLIDE_EDITOR_ID,body:{dataStream:`${core.DEFAULT_EMPTY_DOCUMENT_VALUE}`,textRuns:[],paragraphs:[{startIndex:0}]},documentStyle:{documentFlavor:core.DocumentFlavor.UNSPECIFIED}};return React.useEffect(()=>{slideEditorManagerService.state$.subscribe(param=>{if(param==null)return;const{startX=HIDDEN_EDITOR_POSITION,startY=HIDDEN_EDITOR_POSITION,endX=0,endY=0,show=!1}=param;if(!show)setState({...EDITOR_DEFAULT_POSITION});else{setState({width:endX-startX-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,height:endY-startY-engineRender.FIX_ONE_PIXEL_BLUR_OFFSET+2,left:startX+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET,top:startY+engineRender.FIX_ONE_PIXEL_BLUR_OFFSET});const editor=editorService.getEditor(SLIDE_EDITOR_ID);if(editor==null)return;const{left,top,width,height}=editor.getBoundingClientRect();slideEditorManagerService.setRect({left,top,width,height})}})},[]),React.useEffect(()=>{disableAutoFocus||slideEditorManagerService.setFocus(!0)},[disableAutoFocus,state]),jsxRuntimeExports.jsx("div",{className:styles.slideEditorContainer,style:{left:state.left,top:state.top,width:state.width,height:state.height},children:jsxRuntimeExports.jsx(docsUi.TextEditor,{id:SLIDE_EDITOR_ID,className:styles.editorInput,snapshot,cancelDefaultResizeListener:!1,isSheetEditor:!1,isSingle:!1})})},"SlideEditorContainer"),IMAGE_UPLOAD_ICON="addition-and-subtraction-single",IMAGE_MENU_ID="slide.menu.image";function SlideImageMenuFactory(accessor){return{id:IMAGE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:IMAGE_UPLOAD_ICON,tooltip:"slide.image.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideImageMenuFactory,"SlideImageMenuFactory");function UploadSlideFloatImageMenuFactory(_accessor){return{id:InsertSlideFloatImageCommand.id,title:"slide.image.insert.float",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatImageMenuFactory,"UploadSlideFloatImageMenuFactory");const TEXT_ICON_ID="text-single";function SlideAddTextMenuItemFactory(_accessor){return{id:SlideAddTextCommand.id,type:ui.MenuItemType.BUTTON,icon:TEXT_ICON_ID,tooltip:"slide.text.insert.title",hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideAddTextMenuItemFactory,"SlideAddTextMenuItemFactory");const GRAPH_SINGLE_ICON="graph-single",SHAPE_MENU_ID="slide.menu.shape";function SlideShapeMenuFactory(accessor){return{id:SHAPE_MENU_ID,type:ui.MenuItemType.SUBITEMS,icon:GRAPH_SINGLE_ICON,tooltip:"slide.shape.insert.title",hidden$:ui.getMenuHiddenObservable(accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(SlideShapeMenuFactory,"SlideShapeMenuFactory");function UploadSlideFloatShapeMenuFactory(_accessor){return{id:InsertSlideShapeRectangleCommand.id,title:"slide.shape.insert.rectangle",type:ui.MenuItemType.BUTTON,hidden$:ui.getMenuHiddenObservable(_accessor,core.UniverInstanceType.UNIVER_SLIDE)}}__name(UploadSlideFloatShapeMenuFactory,"UploadSlideFloatShapeMenuFactory");const menuSchema={[ui.RibbonStartGroup.FORMAT]:{[SlideAddTextCommand.id]:{order:0,menuItemFactory:SlideAddTextMenuItemFactory},[IMAGE_MENU_ID]:{order:0,menuItemFactory:SlideImageMenuFactory,[InsertSlideFloatImageCommand.id]:{order:0,menuItemFactory:UploadSlideFloatImageMenuFactory}},[SHAPE_MENU_ID]:{order:0,menuItemFactory:SlideShapeMenuFactory,[InsertSlideShapeRectangleCommand.id]:{order:0,menuItemFactory:UploadSlideFloatShapeMenuFactory}}}};function whenEditorActivated(contextService){return contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)&&contextService.getContextValue(core.EDITOR_ACTIVATED)}__name(whenEditorActivated,"whenEditorActivated");function whenFormulaEditorFocused(contextService){return contextService.getContextValue(core.FORMULA_EDITOR_ACTIVATED)&&contextService.getContextValue(core.FOCUSING_UNIVER_EDITOR)}__name(whenFormulaEditorFocused,"whenFormulaEditorFocused");const ARROW_SELECTION_KEYCODE_LIST=[ui.KeyCode.ARROW_DOWN,ui.KeyCode.ARROW_UP,ui.KeyCode.ARROW_LEFT,ui.KeyCode.ARROW_RIGHT];[ui.KeyCode.ENTER,ui.KeyCode.TAB,...ARROW_SELECTION_KEYCODE_LIST];function generateArrowSelectionShortCutItem(){const shortcutList=[];for(const keycode of ARROW_SELECTION_KEYCODE_LIST)shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!1}}),shortcutList.push({id:SetTextEditArrowOperation.id,binding:keycode|ui.MetaKeys.SHIFT,preconditions:__name(contextService=>whenEditorActivated(contextService),"preconditions"),staticParameters:{visible:!1,eventType:engineRender.DeviceInputEventType.Keyboard,keycode,isShift:!0}});return shortcutList}__name(generateArrowSelectionShortCutItem,"generateArrowSelectionShortCutItem");const EditorDeleteLeftShortcut={id:docsUi.DeleteLeftCommand.id,preconditions:__name(contextService=>whenEditorActivated(contextService)||whenFormulaEditorFocused(contextService),"preconditions"),binding:ui.KeyCode.BACKSPACE};var __defProp$2=Object.defineProperty,__getOwnPropDesc$2=Object.getOwnPropertyDescriptor,__decorateClass$2=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$2(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$2(target,key,result),result},"__decorateClass$2"),__decorateParam$2=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$2");exports2.SlidesUIController=(_h=class extends core.Disposable{constructor(_injector,_menuManagerService,_componentManager,_uiPartsService,_commandService,_shortcutService){super(),this._injector=_injector,this._menuManagerService=_menuManagerService,this._componentManager=_componentManager,this._uiPartsService=_uiPartsService,this._commandService=_commandService,this._shortcutService=_shortcutService,this._initCommands(),this._initCustomComponents(),this._initUIComponents(),this._initMenus(),this._initShortcuts()}_initMenus(){this._menuManagerService.mergeMenu(menuSchema)}_initCustomComponents(){const componentManager=this._componentManager;this.disposeWithMe(componentManager.register(IMAGE_UPLOAD_ICON,AddImageSingle)),this.disposeWithMe(componentManager.register(TEXT_ICON_ID,TextSingle)),this.disposeWithMe(componentManager.register(GRAPH_SINGLE_ICON,GraphSingle)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_IMAGE_POPUP_MENU,SlideImagePopupMenu)),this.disposeWithMe(componentManager.register(COMPONENT_SLIDE_SIDEBAR,RectSidebar))}_initCommands(){[AppendSlideOperation,ActivateSlidePageOperation,SetSlidePageThumbOperation,InsertSlideFloatImageCommand,SlideAddTextOperation,SlideAddTextCommand,InsertSlideShapeRectangleOperation,InsertSlideShapeRectangleCommand,ToggleSlideEditSidebarOperation,DeleteSlideElementOperation,UpdateSlideElementOperation,SetTextEditArrowOperation].forEach(command=>this.disposeWithMe(this._commandService.registerCommand(command)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.LEFT_SIDEBAR,()=>core.connectInjector(SlideSideBar,this._injector))),this.disposeWithMe(this._uiPartsService.registerComponent(ui.BuiltInUIPart.CONTENT,()=>core.connectInjector(SlideEditorContainer,this._injector)))}_initShortcuts(){[EditorDeleteLeftShortcut,...generateArrowSelectionShortCutItem()].forEach(item=>{this.disposeWithMe(this._shortcutService.registerShortcut(item))})}},__name(_h,"SlidesUIController"),_h),exports2.SlidesUIController=__decorateClass$2([__decorateParam$2(0,core.Inject(core.Injector)),__decorateParam$2(1,ui.IMenuManagerService),__decorateParam$2(2,core.Inject(ui.ComponentManager)),__decorateParam$2(3,ui.IUIPartsService),__decorateParam$2(4,core.ICommandService),__decorateParam$2(5,ui.IShortcutService)],exports2.SlidesUIController);var __defProp$1=Object.defineProperty,__getOwnPropDesc$1=Object.getOwnPropertyDescriptor,__decorateClass$1=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc$1(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp$1(target,key,result),result},"__decorateClass$1"),__decorateParam$1=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam$1");let SlideRenderService=(_i=class extends core.RxDisposable{constructor(_contextService,_instanceSrv,_renderManagerService){super(),this._contextService=_contextService,this._instanceSrv=_instanceSrv,this._renderManagerService=_renderManagerService,Promise.resolve().then(()=>this._init())}_init(){this._initSlideDataListener(),this._initContextListener()}_initSlideDataListener(){this._instanceSrv.getTypeOfUnitAdded$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(slideModel=>{this._createRenderer(slideModel==null?void 0:slideModel.getUnitId())}),this._instanceSrv.getAllUnitsForType(core.UniverInstanceType.UNIVER_SLIDE).forEach(slideModel=>{this._createRenderer(slideModel.getUnitId())}),this._instanceSrv.getTypeOfUnitDisposed$(core.UniverInstanceType.UNIVER_SLIDE).pipe(rxjs.takeUntil(this.dispose$)).subscribe(workbook=>this._disposeRenderer(workbook))}_createRenderer(unitId){unitId==null||this._instanceSrv.getUnit(unitId,core.UniverInstanceType.UNIVER_SLIDE)==null||(this._renderManagerService.createRender(unitId),this._renderManagerService.setCurrent(unitId))}_disposeRenderer(workbook){const unitId=workbook.getUnitId();this._renderManagerService.removeRender(unitId)}_initContextListener(){}},__name(_i,"SlideRenderService"),_i);SlideRenderService=__decorateClass$1([__decorateParam$1(0,core.IContextService),__decorateParam$1(1,core.IUniverInstanceService),__decorateParam$1(2,engineRender.IRenderManagerService)],SlideRenderService);var __defProp2=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__decorateClass=__name((decorators,target,key,kind)=>{for(var result=kind>1?void 0:kind?__getOwnPropDesc(target,key):target,i=decorators.length-1,decorator;i>=0;i--)(decorator=decorators[i])&&(result=(kind?decorator(target,key,result):decorator(result))||result);return kind&&result&&__defProp2(target,key,result),result},"__decorateClass"),__decorateParam=__name((index,decorator)=>(target,key)=>decorator(target,key,index),"__decorateParam");const SLIDE_UI_PLUGIN_NAME="SLIDE_UI";exports2.UniverSlidesUIPlugin=(_j=class extends core.Plugin{constructor(_config=defaultPluginConfig,_injector,_renderManagerService,_univerInstanceService,_configService){super(),this._config=_config,this._injector=_injector,this._renderManagerService=_renderManagerService,this._univerInstanceService=_univerInstanceService,this._configService=_configService;const{menu,...rest}=this._config;menu&&this._configService.setConfig("menu",menu,{merge:!0}),this._configService.setConfig(PLUGIN_CONFIG_KEY,rest)}onStarting(){core.mergeOverrideWithDependencies([[SlideRenderService],[ISlideEditorBridgeService,{useClass:SlideEditorBridgeService}],[ISlideEditorManagerService,{useClass:SlideEditorManagerService}],[exports2.SlideCanvasPopMangerService]],this._config.override).forEach(d=>this._injector.add(d))}onReady(){[[SlideRenderController]].forEach(m2=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m2))}),core.mergeOverrideWithDependencies([[exports2.CanvasView],[exports2.SlidesUIController],[SlideRenderController],[SlidePopupMenuController]],this._config.override).forEach(m2=>{this._injector.add(m2)}),this._injector.get(exports2.CanvasView),this._injector.get(SlideRenderService)}onRendered(){[[SlideEditorBridgeRenderController],[SlideEditingRenderController]].forEach(m2=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(core.UniverInstanceType.UNIVER_SLIDE,m2))}),this._markSlideAsFocused(),this._injector.get(exports2.SlidesUIController)}onSteady(){this._injector.get(SlidePopupMenuController)}_markSlideAsFocused(){const currentService=this._univerInstanceService;try{const slideDataModel=currentService.getCurrentUnitForType(core.UniverInstanceType.UNIVER_SLIDE);currentService.focusUnit(slideDataModel.getUnitId())}catch{}}},__name(_j,"UniverSlidesUIPlugin"),__publicField(_j,"pluginName",SLIDE_UI_PLUGIN_NAME),__publicField(_j,"type",core.UniverInstanceType.UNIVER_SLIDE),_j),exports2.UniverSlidesUIPlugin=__decorateClass([__decorateParam(1,core.Inject(core.Injector)),__decorateParam(2,engineRender.IRenderManagerService),__decorateParam(3,core.IUniverInstanceService),__decorateParam(4,core.IConfigService)],exports2.UniverSlidesUIPlugin),exports2.ActivateSlidePageOperation=ActivateSlidePageOperation,exports2.AppendSlideOperation=AppendSlideOperation,exports2.DeleteSlideElementOperation=DeleteSlideElementOperation,exports2.IMAGE_MENU_ID=IMAGE_MENU_ID,exports2.ISlideEditorBridgeService=ISlideEditorBridgeService,exports2.InsertSlideFloatImageCommand=InsertSlideFloatImageCommand,exports2.InsertSlideShapeRectangleCommand=InsertSlideShapeRectangleCommand,exports2.InsertSlideShapeRectangleOperation=InsertSlideShapeRectangleOperation,exports2.SHAPE_MENU_ID=SHAPE_MENU_ID,exports2.SLIDE_EDITOR_ID=SLIDE_EDITOR_ID,exports2.SetSlidePageThumbOperation=SetSlidePageThumbOperation,exports2.SlideAddTextCommand=SlideAddTextCommand,exports2.SlideAddTextOperation=SlideAddTextOperation,exports2.SlideEditorContainer=SlideEditorContainer,exports2.SlideSideBar=SlideSideBar,exports2.UpdateSlideElementOperation=UpdateSlideElementOperation,exports2.menuSchema=menuSchema,Object.defineProperty(exports2,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/slides-ui",
3
- "version": "0.4.1",
3
+ "version": "0.4.2",
4
4
  "private": false,
5
5
  "description": "Univer normal ui-plugin-slides",
6
6
  "author": "DreamNum <developer@univer.ai>",
@@ -51,16 +51,16 @@
51
51
  "rxjs": ">=7.0.0"
52
52
  },
53
53
  "dependencies": {
54
- "@univerjs/icons": "^0.1.79",
54
+ "@univerjs/icons": "^0.1.84",
55
55
  "clsx": "^2.1.1",
56
- "@univerjs/core": "0.4.1",
57
- "@univerjs/docs-ui": "0.4.1",
58
- "@univerjs/design": "0.4.1",
59
- "@univerjs/engine-render": "0.4.1",
60
- "@univerjs/docs": "0.4.1",
61
- "@univerjs/slides": "0.4.1",
62
- "@univerjs/drawing": "0.4.1",
63
- "@univerjs/ui": "0.4.1"
56
+ "@univerjs/core": "0.4.2",
57
+ "@univerjs/design": "0.4.2",
58
+ "@univerjs/docs": "0.4.2",
59
+ "@univerjs/docs-ui": "0.4.2",
60
+ "@univerjs/engine-render": "0.4.2",
61
+ "@univerjs/drawing": "0.4.2",
62
+ "@univerjs/ui": "0.4.2",
63
+ "@univerjs/slides": "0.4.2"
64
64
  },
65
65
  "devDependencies": {
66
66
  "@types/react": "^18.3.11",
@@ -70,7 +70,7 @@
70
70
  "typescript": "^5.6.3",
71
71
  "vite": "^5.4.8",
72
72
  "vitest": "^2.1.2",
73
- "@univerjs-infra/shared": "0.4.1"
73
+ "@univerjs-infra/shared": "0.4.2"
74
74
  },
75
75
  "univerSpace": {
76
76
  ".": {